Dev Design Library

Number Ticker

A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.

Number Ticker preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add @spectrumui/number-ticker
Files
  • components/motion/number-ticker.tsx
  • lib/ease.ts
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI