Count Up
Customize Count Up
Start Value
End Value
Duration2.5s
Thousand Separator
Props
| Property | Type | Default | Description |
|---|---|---|---|
| from | number | 0 | The starting value to begin the animation from |
| to | number | 100 | The target value to animate to |
| duration | number | 2 | Duration of the animation in seconds |
| delay | number | 0 | Delay before the animation starts (in seconds) |
| separator | string | "" | Character used to separate thousands (e.g., "," or ".") |
| className | string | "" | Additional CSS class names |
| onStart | () => void | - | Callback function when animation starts |
| onEnd | () => void | - | Callback function when animation completes |
Dependencies
Motion
Created with ❤️ by Cybershoora