Planes

Components

Controls

Number Stepper

Free

A number input with rolling digits and plus and minus buttons that spring on press.

All components
90

Installation

FreeNo license required.
npx shadcn add https://planes.ashishgogula.in/r/number-stepper.json
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.