Components
Starting preview...
Animate numbers to count up or down to a target number
npx shadcn@latest add https://21st.dev/r/dillionverma/number-tickerimport { NumberTicker } from "@/components/ui/number-ticker"
function NumberTickerDemo() {
return (
<p className="whitespace-pre-wrap text-8xl font-medium tracking-tighter text-black dark:text-white">
<NumberTicker value={100} />
</p>
)
}
function NumberTickerWithDecimal() {
return (
<p className="whitespace-pre-wrap text-8xl font-medium tracking-tighter text-black dark:text-white">
<NumberTicker value={5.67} decimalPlaces={2} />
</p>
)
}
export default {
NumberTickerDemo,
NumberTickerWithDecimal,
}