Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:componentSelf-contained

Animated Number

animated-number

Count-up number that tweens to its target with easing, Intl formatting (currency, compact, percent), prefix/suffix and reduced-motion support.

@hiraelRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 other registries

Similar components

Other registries' take on animated-number.

Number Animation Animated Number
b@beui
Component
animated-number
c@cnippet
Component
animated-number
m@motion-primitives
Component
Animated number
0@000h-cojeev
Component
Used by 1 item

Built on Animated Number

Other @hirael items that list this one as a dependency.

Stats 1
stats-01
Block
@hirael

More from @hirael

All 34 items
Callout
callout
Component
Dock
dock
Component
Floating Toolbar
floating-toolbar
Component
Icon Stack
icon-stack
Component
Logo Cloud 2
logo-cloud-02
Block
Marquee
marquee
Component
Metric Card
metric-card
Component
Process 1
process-01
Block