Components

Counting Number

Counting number with smooth animation.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/counting-number.json

Examples

Default

Loading

Decimal

Loading

Format

Loading

API Reference

Prop	Type	Default
`from`	~~number~~	0
`to`	~~number~~	~~100~~
`duration`	~~number~~	2
`delay`	~~number~~	0
`className`	~~string~~
`startOnView`	~~boolean~~	~~true~~
`once`	~~boolean~~	~~false~~
`inViewMargin`	~~string~~
`onComplete`	~~() => void~~
`format`	~~(value: number) => string~~

Credits

Inspired by Motion

PreviouseSVG Text NextSliding Number

On This Page

Installation
- Install ReUI
- Add component
Examples
API Reference
Credits