magic-ui
components
ui

number-ticker

Animate numbers to count up or down to a target number.

animated
effect
form
text
View Docs

Source Code

Files
number-ticker
1import { NumberTicker } from "@/components/magicui/number-ticker";
2 
3export function NumberTickerDemo() {
4  return (
5    <NumberTicker
6      value={100}
7      className="whitespace-pre-wrap text-8xl font-medium tracking-tighter text-black dark:text-white"
8    />
9  );
10}