Get everything for $99, lifetime

Components

Number Stepper

Free
90

Installation

FreeNo license required.
npx shadcn add https://useplanes.com/r/number-stepper.json
import { NumberStepper } from "@/components/ui/NumberStepper";

const [qty, setQty] = useState(1);

<NumberStepper value={qty} onChange={setQty} min={1} max={99} />

Use cases

  • Cart quantity

    Adjust line-item quantity in a checkout drawer or product page.

  • Pricing calculator

    Pick seat counts on a SaaS pricing page where the digits should feel weighty.

  • Reservations

    Choose number of guests for a booking flow where every tap should feel deliberate.

  • Inventory adjustments

    Admin dashboards where staff bump stock counts and want unambiguous tactile feedback.