design-infraReport a problem or share feedback← Catalog
Rolling Number
curatedtheme-awarefreecult-ui/rolling-number
Number component with smooth counting animations and customizable formatting
$
npx shadcn@latest add @cult-ui/rolling-numbernpm deps: motion
Our notes
Small rolling-digit number (motion). Inherits colour.- Source
- Cult UI
- Kind
- component
- Categories
- stats
- Use as
- drop-in — replaces your component
- Applies to
- stats
- Motion
- on state · subtle · motion · medium cost · ignores reduced motion
- Tags
- motion
- Licence
- MIT (nolly-studio/cult-ui). Pro blocks/templates at pro.cult-ui.com are paid — not catalogued.
- Live demo
- www.cult-ui.com
- Docs
- www.cult-ui.com
Similar
Compare all 4 →- Number Tickermagicui/number-tickerCount-up number for stats sections. Hard-codes text-black dark:text-white — pass className="text-foreground" (or font-heading) to theme it.
- Animated Number Inputsmoothui/animated-number-inputA numeric field with rolling digits, keyboard stepping and horizontal scrub-to-change.
- Sliding Numbermotion-primitives/sliding-numberOdometer-style rolling digits (spring). Inherits colour; pair with in-view for stats.