Components

Counting Number

Counting number with smooth animation.

Loading

Installation

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

Examples

Decimal

Loading

Format

Loading

API Reference

This component is built using Motion primitives and includes the following custom props:

CountingNumber

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
Built with Motion.

PreviouseSVG Text NextSliding Number

On This Page

Installation
Examples
- Decimal
- Format
API Reference
- CountingNumber
Credits

Counting Number - ReUI