Number Ticker
Counts from a starting value to the target when it scrolls into view. The tween writes formatted text straight to the DOM (no per-frame re-render), and under reduced motion it renders the final value immediately.
0
Stars
0.0%
Uptime
$0
MRR
Installation
Registry CLI — copy the source straight into your project:
$pnpm dlx shadcn@latest add @stacklyui/number-tickerOr install the package and import it:
$pnpm add @stacklyui/ui motionUsage
Format with decimals, locale, and the full Intl.NumberFormat format options, plus prefix/suffix for currency and units. It triggers once when scrolled into view.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | The target value to count to. Required. |
from | number | 0 | Starting value. |
duration | number | 1.6 | Seconds for the count. |
decimals | number | 0 | Decimal places to display. |
prefix / suffix | string | — | Text before/after the number (e.g. "$", "%"). |
format | Intl.NumberFormatOptions | — | Extra Intl formatting (e.g. currency style). |