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.
… add @sevenui/pro/stats-01A 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 — $99Four 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.
… add @sevenui/pro/stats-01A 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.
… add @sevenui/pro/stats-02Five 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.
… add @sevenui/pro/stats-03One 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.
… add @sevenui/pro/stats-04Five 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.
… add @sevenui/pro/stats-05Five 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.
… add @sevenui/pro/stats-06A 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.
… add @sevenui/pro/stats-07A 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.
… add @sevenui/pro/stats-08Four monthly figures on one hairline-ruled row, each with its delta and the period it is measured against — no cards, no icons, no chart.
… add @sevenui/pro/stats-09A weekly total and the five people who made it, ranked with portraits and share bars that grow in sequence.
… add @sevenui/pro/stats-10A 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.
… add @sevenui/pro/stats-11A 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.
… add @sevenui/pro/stats-12Two 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.
… add @sevenui/pro/stats-13A blended retention rate opened out into its cohort triangle — six monthly cohorts by month since signup, each cell tinted from its own rate.
… add @sevenui/pro/stats-14Five 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.
… add @sevenui/pro/stats-15One 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.
… add @sevenui/pro/stats-16Preview every block in your theme.