Number Flow

An animated numeric stepper with rolling, blur-transitioned digits and increment/decrement buttons for counters and quantity inputs.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Number Flow to your project and fits it to your theme.

import NumberFlow from "@/components/ui/number-flow";

export default function NumberFlowDemo() {
  return <NumberFlow className="min-h-[300px]" max={999} min={0} />;
}