Number Ticker Demo 2

PreviousNext

Example showing animated counting numbers.

Docs
magicuiexample

Preview

Loading preview…
registry/example/number-ticker-demo-2.tsx
import { NumberTicker } from "@/registry/magicui/number-ticker"

export default function NumberTickerDemo() {
  return (
    <NumberTicker
      value={100}
      startValue={80}
      className="text-8xl font-medium tracking-tighter whitespace-pre-wrap text-black dark:text-white"
    />
  )
}

Installation

npx shadcn@latest add @magicui/number-ticker-demo-2

Usage

import { NumberTickerDemo2 } from "@/components/number-ticker-demo-2"
<NumberTickerDemo2 />