Animated Number

Easily animate numbers.

Easily animate numbers.

Examples

1,000

npx shadcn@latest add "https://components.dylanwlim.com/c/animated-number.json"

Prop	Type	Default	Description
value	number		The number to be animated.
className	string		Optional CSS class for styling the number item container.
springOptions	SpringOptions		Spring options from motion for the animation.
as	React.ElementType	'span'	The HTML tag to render the number in.

On This Page

Build with DWL Components

Use the copied registry, charts, blocks, and create tools in one place.

Start from the DWL Components create flow and customize from there.