Animated Number

Free

Preview live, install via shadcn or copy the source.

Installation

Install via shadcn

This will install the component and its dependencies automatically.

Usage

animated-number-usage.tsxTSX

Props

NameTypeDefaultRequiredDescription
valuenumberYesTarget numeric value to animate toward.
classNamestringNoOptional class name for the rendered element.
springOptionsSpringOptionsNoFramer Motion spring configuration for the numeric tween.
asReact.ElementTypespanNoElement/component to render as.
© reframe/ui 2026Built by @thommysart
More in Text Animations