Components

Counting Number (Radix UI)

Counting number with smooth animation.

Installation

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

Examples

Decimal

Format

API Reference

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

CountingNumber

PropTypeDefault
from number0
to number100
duration number2
delay number0
className string
startOnView booleantrue
once booleanfalse
inViewMargin string
onComplete () => void
format (value: number) => string

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.