Animated Counter
An animated number counting component.
npx arupui add animated-counter
Preview
0
Users
0
Uptime %
Usage
animated-counter.tsx
import { AnimatedCounter } from "@/components/blocks/animated-counter"
<AnimatedCounter to={1000} duration={2} />Props
| Prop | Type | Default |
|---|---|---|
from | number | 0 |
to | number | - |
duration | number | 2 |
fromType:
numberDefault: 0toType:
numberDefault: -durationType:
numberDefault: 2