Number Ticker
An animated number counter for statistics and achievements.
Preview
Interactive Preview
+
Active Deployments
Installation
Usage
tsx
import { NumberTicker } from "@/components/ui/number-ticker"
export default function Demo() {
return (
<div className="text-8xl font-black">
<NumberTicker value={2500} />+
</div>
)
}Dependencies
framer-motion
Props
| Prop | Type | Default |
|---|---|---|
| value | number | - |
| direction | "up""down" | up |
| delay | number | 0 |