Skip to content
SevenUI
Sign in

Stats

A number given enough context to act on — a comparison, a ceiling, a history, a split or a target. 16 blocks in this category.

Every block here is Pro. One purchase, yours forever —$99 lifetime, rising to $249 once the catalog launches.

Pre-order — $99

Stats 01Pro

Four plan meters on a single rail that unfold on hover or keyboard focus — usage breakdowns, status lines and an upgrade action — and stay open at phone widths where there is no hover.

Open the Stats 01 preview in a new tab
… add @sevenui/pro/stats-01
100%

Stats 02Pro

A month's revenue split four ways in one full-width stacked bar, with a legend that carries each channel's share, value and its own movement.

Open the Stats 02 preview in a new tab
… add @sevenui/pro/stats-02
100%

Stats 03Pro

Five budgets at once, each track scaled to its own allowance so every ceiling lines up in a column — the overspent channel visibly bursts past the end of its own track.

Open the Stats 03 preview in a new tab
… add @sevenui/pro/stats-03
100%

Stats 04Pro

One week set against its own twelve-week history: faded bars for the run, full weight for the current week, and a dashed reference line at the twelve-week average.

Open the Stats 04 preview in a new tab
… add @sevenui/pro/stats-04
100%

Stats 05Pro

Five metrics measured against the same two periods in a ruled table, with the change column tinted from an explicit direction flag so a falling churn rate still reads as good.

Open the Stats 05 preview in a new tab
… add @sevenui/pro/stats-05
100%

Stats 06Pro

Five checkout steps with the drop-off between them designed as its own row, the steepest fall marked in words as well as colour, and the bars cascading in on load.

Open the Stats 06 preview in a new tab
… add @sevenui/pro/stats-06
100%

Stats 07Pro

A weighted satisfaction score on a hand-drawn SVG arc that sweeps to its value, with a notch at the team target and the three inputs that add up to it listed beneath.

Open the Stats 07 preview in a new tab
… add @sevenui/pro/stats-07
100%

Stats 08Pro

A quarter's target read against where you should be today: the fill races a marked pace position, and the sentence beneath names the gap in money and days.

Open the Stats 08 preview in a new tab
… add @sevenui/pro/stats-08
100%

Stats 09Pro

Four monthly figures on one hairline-ruled row, each with its delta and the period it is measured against — no cards, no icons, no chart.

Open the Stats 09 preview in a new tab
… add @sevenui/pro/stats-09
100%

Stats 10Pro

A weekly total and the five people who made it, ranked with portraits and share bars that grow in sequence.

Open the Stats 10 preview in a new tab
… add @sevenui/pro/stats-10
100%

Stats 11Pro

A number still being added to: the count animates up once on load beside a live marker, with the hourly rate and the last four orders underneath.

Open the Stats 11 preview in a new tab
… add @sevenui/pro/stats-11
100%

Stats 12Pro

A plan limit broken into the three things consuming it, with a segmented bar, a share legend and the date the allowance runs out at the current pace.

Open the Stats 12 preview in a new tab
… add @sevenui/pro/stats-12
100%

Stats 13Pro

Two customer groups opposed around a shared centre line, their bar lengths in the real ratio, with mirrored counts and a fact grid on each side.

Open the Stats 13 preview in a new tab
… add @sevenui/pro/stats-13
100%

Stats 14Pro

A blended retention rate opened out into its cohort triangle — six monthly cohorts by month since signup, each cell tinted from its own rate.

Open the Stats 14 preview in a new tab
… add @sevenui/pro/stats-14
100%

Stats 15Pro

Five measures each judged against its own target, including one where lower is better, with a position track per row and a verdict that reads in text as well as colour.

Open the Stats 15 preview in a new tab
… add @sevenui/pro/stats-15
100%

Stats 16Pro

One revenue figure and the line that produced it, with a 7d/30d/90d switch that changes the series, the delta and the supporting figures together.

Open the Stats 16 preview in a new tab
… add @sevenui/pro/stats-16
100%