Numbers that count up — and keep growing live
One component for every number on your site: counters, KPI cards, ratings, trends, countdowns. It counts up when your visitor scrolls to it — then keeps living.
Fixed, growing, since a date, or from a URL
Pick a mode in the properties panel. Everything below is the same component.
Blur, accent bar, hover lift
Card = Glass makes a plain color translucent for you. Trend badges, LIVE dots and rolling digits are built in.
Currency, percent, compact, trends
Intl formatting in any locale — $184,320 · 2.1% · 2.4M — with a trend badge, a note and four easings.
Inline labels, gradient cards, dividers, plain-text trends
Put the label left or right of the number, add an icon, tint the shadow — and let a stat follow the scroll instead of a timer.
Any font, dimmed or colored affixes, outline cards
Number, label and caption each take a full Framer font control. Prefix and suffix can be dimmed, colored and scaled.
Days + hh:mm:ss, clock, or years · months · days
A future date counts down, a past date counts up. Rolling digits with an odometer window and a glow.
One file. 90+ controls. No dependencies.
Paste LiveStats.tsx into Assets → Code and drop it on the canvas. Works in Framer's static export, respects reduced motion, ships with a setup guide.