Animated number counter with easeOutQuart spring and optional prefix/suffix
plain count
with prefix
with suffix
slow (3 s)
| Prop | Type | Default | Description |
|---|---|---|---|
targetCount | number | - | The final number to animate to (required) |
duration | number | 2000 | Animation duration in ms |
prefix | string | "" | Text before the number (e.g. "$") |
suffix | string | "" | Text after the number (e.g. " users") |
class | string | "" | Extra CSS classes on the wrapper |
<CharacterCounter targetCount={1_250} prefix="$" suffix=" raised" duration={2500} />