/
Foundations
Components
Blocks
Pages
Screens
Library
Playground
Grab Pro Now
Customize your admin
Grab Pro Now
Customize your admin
16 cards in the Finance domain — same language, same primitives, ready to compose.
A speedometer FICO gauge: the needle sweeps up to today's score while the figure counts up and the grade pill crossfades through its bands, then a Score Factors panel breaks down the drivers. Replay runs it again.
Drag gross income and watch it get taxed in slices: each bracket bar fills with the income landing in it, the marginal-rate pill and highlighted rate track the top bracket reached, and total tax / effective rate recompute live. Preset chips tween the income.
Four balances, minimums on all of them, every spare dollar aimed at the smallest — and when it clears, its minimum rolls onto the next. One clock replays the whole 52-month plan, accelerating as it goes: bars shrink, cleared rows go green with the month they died, and the single payment pill flies down to each new target and counts up as the snowball grows. Every figure is solved from four opening balances and one $600 budget.
$26,925 left · 0 of 4 cleared
A dark billing card: segmented usage meter, period switching with count-up figures, expandable history with pagination, and a live-refresh toast.
CREDITS USED
0.0%
A net-worth tracker: range pills re-tween the delta and redraw the glowing sparkline, View all splits the allocation bar's grey remainder, Add asset syncs holdings in.
YOUR TOTAL NET WORTH TODAY
$0
+$0+0.00%
6 assets/ UPDATED 3 MIN AGO
Monochrome share bars with green/red earned by trend direction only, a single-hue intensity heatmap with red-ringed outliers, and live-computed snapshot tiles.
$0USD
$6,240 / $7,800 INCOME
TWO OVERLAPPING STREAMING PLANS — MERGING SAVES $18/MO
A crypto swap translated to fiat FX: searchable currency selectors with favorites, %/MAX chips from account balances, a rotating pair button, and a live countdown quote — all cross rates from one perUSD table.
A recent-activity list: direction pills re-stagger the rows, money-in is the only green, and the footer net always equals the sum of the visible rows. Rent and auto-save figures cross-reference the Monthly expenses card.
TRANSACTIONS · FEBRUARY
Major pairs with 24h deltas and direction-colored sparks; sort pills re-order with layout animation. Rates share the Currency swap card's perUSD table, so the two cards can never quote against each other.
FX WATCHLIST · MID RATES
Month-to-date spend against the cap with a run-rate projection: the meter's solid fill is spent, the ghost projects to end of month, and the slice past the budget line turns amber; a 90% mark shows where the budget alert watches.
$12,000 cap · resets in 18 days
$0
spent of $12,000
Projected
$13.8K
115% · over
Run rate
$444/d
≤ $346/d to fit
Days left
18
in cycle
A portfolio-planning scatter that maps eight asset classes and two portfolios on risk vs expected return, linked to a sectioned table: hover a row and its dot spotlights while the rest dim; the proposed mix wears the accent halo, the current mix stays neutral.
Asset classes
Portfolios
Model assumptions · monthly data · not a forecast
Two rolling 1-year return histograms — neutral current vs accent proposed — with legend chips that toggle each series, count-up delta headlines, and a mono stats grid (skewness, kurtosis, worst/best 12-month) computed from the same bins the bars draw.
Return (annualized mean)
+0.00pt
Risk (stddev)
+0.00pt
Skewness
Kurtosis (excess)
Worst 12-mo
Best 12-mo
Samples 2,267 / 2,269
Past performance ≠ future
Four KPIs — return, risk, Sharpe, max drawdown — flattened into one divided row. An Expected/Actual toggle (plus a period select under Actual) recomputes every metric; each headline re-tweens to its new value while the current/delta sub-line crossfades. Sharpe is derived so it reconciles; drawdown is realized-only.
Return (avg annual)
0.00%
Cur 3.20%+3.60%
Risk (stddev)
0.00%
Cur 6.40%+5.20%
Sharpe ratio
0.00
Cur 0.42+0.12
Max drawdown
— (actual only)
Cur —
Expected values from asset-class assumptions.
Current portfolio → Proposed 70/30 · headline = proposed
The overview half of the allocation pair: two donuts (current vs proposed) with growth/defensive center splits, and a class-level compare table between them. Parent weights sum from their subclasses and both mixes total 100%; the line-by-line move lives on the allocation detail card.
Current mix
Growth / Defensive
Proposed mix
Growth / Defensive
Class weights · subclass detail on the allocation detail card
The line-by-line half: every class and subclass with its current and proposed weight, and a diverging bar that grows from the zero line for the move — right = trimmed, left = added. Headlined by the turnover the diffs imply (they cancel, so the trimmed side is the whole reallocation) and the two classes at either end of it.
Breakdown · class / subclass
Diff = current − proposed · right = trimmed, left = added
An asset-class correlation table that rethinks the reference's confusing red/green scale: it diverges on hue with a neutral middle (amber negative, grey ≈0, blue positive) and lets |r| drive the shade. Hovering any cell crosshairs its whole row and column and dims the rest; the 10Y / 1Y toggle swaps the window and a readout calls out the strongest and most-diversifying pairs.
Trailing return correlations · 10-year window