Count-up number ticker
Counts up from 0 (or a custom start value) to a target number when scrolled into view, supports decimals via decimalPlaces. Standard for a stats row (customers served, uptime %, dollars saved). Trigger once per view, do not loop.
Live preview
open in new tab ↗import { NumberTicker } from "@/components/magicui/number-ticker"
export function NumberTickerDemo() {
return (
<NumberTicker
value={100}
className="text-8xl font-medium tracking-tighter text-black dark:text-white"
/>
)
}Block id: magicui-number-tickermotion · swap-content
More stats blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.