Pricing

Number Ticker

Spring-animated counter that starts when it scrolls into view.

12,400

Bookmarks

24,800

Installs

210,300

Views

10 lines
import { NumberTicker } from "@/components/ui/number-ticker"

export default function DemoNumberTicker() {
  return (
    <div className="flex min-h-[240px] flex-col items-center justify-center gap-2">
      <NumberTicker value={12400} className="text-6xl font-semibold" />

4 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
motion
License
MIT License
Published
10/19/2025

Similar components

That's all 6 components

Explore more

Part of Quanta Charts — browse the full library on Nuxus.