Number Ticker
FREECounts up to a number when it scrolls into view; localized and reduced-motion aware.
Installation
Terminal
npx @bloxa/cli add number-ticker
# or: npx shadcn@latest add @bloxa/number-tickerPackages installed automatically: motion
Examples
Number, currency, percent
12,840$128.4098.7%
API reference
Every component also accepts the props of the element it renders.
NumberTicker
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Target number. |
| from | number | 0 | Starting value. |
| duration | number | 1.2 | Duration in seconds. |
| format | Intl.NumberFormatOptions | — | Format; locale comes from BloxaProvider. |
| startOnView | boolean | true | Start when scrolled into view. |