Animated Counter
Text Effects
A number counter that animates from one value to another using spring physics, triggered when scrolled into view. Supports prefix, suffix, and decimal formatting.
Loading preview...
Customize
Target Value1234
From0
Duration (s)2
Prefix
Suffix
Decimals0
Props
| Prop | Type | Default | Description |
|---|---|---|---|
from | number | 0 | Starting value for the counter. |
to | number | — | Target value to animate to. |
duration | number | 2 | Animation duration in seconds. |
prefix | string | '' | Text to prepend to the number (e.g. '$'). |
suffix | string | '' | Text to append to the number (e.g. '%'). |
decimals | number | 0 | Number of decimal places to display. |
className | string | '' | Additional CSS classes. |