The NumberTicker component counts a number up when it scrolls into view, with locale-aware formatting.
Downloads
Uptime
Add it with the CLI, open it in v0, or copy the source into your project.
Adds the component and installs its dependencies for you.
npx shadcn@latest add https://uibeats.com/r/number-ticker.jsonEverything Number Ticker accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| value (required) | number | No default | The value to count to |
| from | number | 0 | Where the count starts |
| decimals | number | 0 | Decimal places to display |
| prefix | string | '' | Text placed before the number, e.g. a currency symbol |
| suffix | string | '' | Text placed after the number, e.g. a percent sign |
| once | boolean | true | Count only the first time it scrolls into view |
| locale | string | 'en-US' | BCP 47 locale used for grouping separators |
| className | string | '' | Additional CSS classes for styling |
Required.