We are live on DevHunt: tool of the week contest

check it out

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

PropTypeDefault
valuenumber-
direction
"up""down"
up
delaynumber0