Screens

Explore real screens by pattern, element, or state.

Elements › Choice controls

Quantity stepper UI examples

Plus and minus controls next to item quantities, room counts and traveller counts.

Booking.com
Room count
BookMyShow
Add-ons
Cleartrip
Rooms and guests
District
Ticket selection
MakeMyTrip
Traveller count
Miro
Board canvas
Sri Mandir
Offering review
Swiggy
Dish add-ons
bigbasket
Product details
Booking.com
Extra beds
BookMyShow
Ticket selection
Cleartrip
Travellers and class
Domino’s
Cart
EatSure
Item customisation
Eventbrite
Order summary
Licious
Cart
NoBroker
Package size options
Rapido
Apply coupon
Samsung Food
Recipe details
Sri Mandir
Offering details
Swiggy
Restaurant menu
Tira
Product details
Urban Company
Service category listing
Zepto
Cart
Zomato
Variant selection
Airbnb
Time slot selection
Domino’s
Menu
Healthify
Weight entry
JioMart
Checkout
Sri Mandir
Seva offerings
Swiggy
Food cart
Urban Company
Cart
Zepto
Product details
Zomato
Cart
Healthify
Body fat tracker
Licious
Meal add-ons sheet
Swiggy
Ticket selection
Urban Company
Saved addresses
Zepto
Wishlist
Zomato
Restaurant menu
EatSure
Cooking instructions
Healthify
Medication setup
JioMart
Search results
Swiggy
Booking review
Urban Company
Arrival time options
Licious
Product listing
Swiggy
Pack size selection
Urban Company
Checkout
EatSure
Search results
Swiggy
Fruit listing
Healthify
Water goal setup
Licious
Membership offer
Zomato
Menu item details
EatSure
Home
JioMart
Wishlist
Zomato
Item customisation
EatSure
Reorder items
JioMart
Product comparison picker
EatSure
Restaurant menu
JioMart
Product comparison
EatSure
Customisation summary
JioMart
Product listing
JioMart
Store collection

Sign up free to see more quantity steppers

What to compare in these examples

Start with what the number counts: an item, a room or a traveller. Compare how close the minus and plus controls sit to that label, and where the price or total appears. The bigbasket basket and Tira shopping bag provide cart references. Check the surrounding flow before deciding what should happen at zero; a still image alone does not establish removal, stock-limit or failed-update behaviour.