Components

Sliding Number

Number with sliding effect.

Loading

Installation

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

Examples

Slider

Loading

API Reference

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

SlidingNumber

PropTypeDefault
from number
to number
duration number2
delay number0
startOnView booleantrue
once booleanfalse
className string
onComplete function
digitHeight number40

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.