Components

Sliding Number

UI Library:

Number with sliding effect.

Installation

pnpm dlx shadcn@latest add @toui/sliding-number

Examples

Slider

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

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.