Components

Sliding Number

Number with sliding effect.

Loading

Installation

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

Examples

Slider

Loading

API Reference

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

SlidingNumber

Prop	Type	Default
`from`	~~number~~
`to`	~~number~~
`duration`	~~number~~	2
`delay`	~~number~~	0
`startOnView`	~~boolean~~	~~true~~
`once`	~~boolean~~	~~false~~
`className`	~~string~~
`onComplete`	~~function~~
`digitHeight`	~~number~~	40

Credits

Inspired by Motion Primitives
Built with Motion.

PreviouseCounting Number NextShimmering Text

On This Page

Installation
Examples
- Slider
API Reference
- SlidingNumber
Credits

Sliding Number - ReUI