Counter
Animated number counter with easing. Supports prefixes, suffixes, and thousands separators.
Import
import { CounterText } from "@igorao79/uivix";Playground
$0
2000ms
0
Examples
Stats Dashboard
Multiple counters in a row
$0
Revenue
0.0%
Uptime
0+
Customers
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| target | number | - | Target number (required) |
| from | number | 0 | Starting number |
| duration | number | 2000 | Duration in ms |
| decimals | number | 0 | Decimal places |
| prefix | string | "" | Prefix (e.g. "$") |
| suffix | string | "" | Suffix (e.g. "%") |
| separator | string | "," | Thousands separator |
| triggerOnView | boolean | true | Start when scrolled into view |
| className | string | - | Additional CSS classes |