Animated Number

Text Effects

Smoothly animates between number values with a spring transition.

Loading preview...

Customize

Target Value

1234

Duration (s)

1.5

Props

Prop	Type	Default	Description
`value`	`number`	`—`	The target number to animate to.
`className`	`string`	`''`	Additional CSS classes.
`duration`	`number`	`1.5`	Animation duration in seconds.
`formatFn`	`(n: number) => string`	`Math.round(n).toLocaleString()`	Custom format function for the displayed number.