UI element

Top navigation bar

Screens containing top navigation bar.

  1. BookMyShow: Live Events home

    Live Events tab with a photo category rail (Comedy, Music, Adventure, Workshops, Performances), a 'Things To Do In Your City' event card with price and Book Now, and an 'India's Top Events' carousel.

    BookMyShow Live Events home

    View the screen

  2. BookMyShow: Live event detail

    Web-rendered event page with hero photo, genre chips, an 'interested' social counter, date range, start time, age limit, language and venue rows, a popular-artists strip and a Book Now bar with the starting price.

    BookMyShow Live event detail

    View the screen

  3. BookMyShow: Event ticket types

    Step 2 of the wizard listing the gendered and couple inventory (Female Entry, Female Cover, Male Entry, Couple Entry, Male Cover, Couple Cover) with prices and an Add control per row.

    BookMyShow Event ticket types

    View the screen

  4. BookMyShow: Live events category directory (See All)

    A 'See All' directory scoped to HSR Layout, Bengaluru that groups the whole live-event catalogue into sections — Comedy Shows, Music Shows, Plays, Sports — each a horizontal rail of artwork tiles carrying a sub-genre name and an event count: STAND UP 210+ EVENTS, ROAST 7 EVENTS, IMPROV 6 EVENTS, CONCERTS 125+ EVENTS, MUSIC FESTIVALS 55+ EVENTS, CLUB GIGS 95+ EVENTS, STORY TELLING 9 EVENTS, THEATRE 65+ EVENTS, PUPPETRY 2 EVENTS. A back chevron and a search icon sit in the header.

    BookMyShow Live events category directory (See All)

    View the screen

  5. BookMyShow: Live event category listing

    A per-category event listing headed 'Comedy Shows / HSR Layout, Bengaluru | 221 Events' with a full-width promotional hero banner, then a refinement bar of three controls — Filters, Sort By, Browse By Venues — above a two-column grid of event cards. Each card shows artwork, an optional PROMOTED badge, a date such as 'Sun, 23 Aug' or 'Fri, 21 Aug onwards', the event title, the venue line and the sub-genre 'Stand up Comedy'. A back chevron and search icon sit in the header. When the Date filter is applied the same header reads '101 Events' and the control reads 'Filters (1)'.

    Premium screenshot

    View the screen

  6. BookMyShow: Live event listing filters

    A full-screen 'Filter' activity with a left rail of seven refinement dimensions — Comedy Format, Date, Language, Price, Distance, Artist, Venue — and a right pane of counted multi-select checkboxes for the selected dimension. Comedy Format offers Stand up Comedy (221), Surprise Act (16), Open Mic Comedy (12), Roast (7), Improv Comedy (6), Sketch (3). The Date dimension offers Today (62), Tomorrow (71), This Weekend (101) and a red 'Choose from calendar' link with a calendar icon. A footer holds Close and Apply All; once a constraint is ticked the left rail shows a count badge and the footer becomes Clear All and an enabled red Apply All.

    Premium screenshot

    View the screen

  7. BookMyShow: City selector

    App-wide city picker titled with the current city (Bengaluru): a "Search for your city" field, an Auto Detect My Location action, a POPULAR CITIES grid of illustrated tiles (Mumbai, Delhi-NCR, Bengaluru marked as current, Hyderabad, Chandigarh, Ahmedabad, Pune, Chennai, Kolkata, Kochi) and the start of an alphabetical OTHER CITIES list (Aalo, Abohar, Abu Road).

    Premium screenshot

    View the screen

  8. BookMyShow: Sub-region selector

    Second step of the city choice: a closeable sheet titled with the chosen city (Mumbai) listing its areas - All, Mumbai: Western, Mumbai: South & Central, Navi Mumbai, Thane, Kalyan, Ulhasnagar - over an illustrated skyline. Choosing an option commits the app-wide location context.

    Premium screenshot

    View the screen

  9. Cleartrip: Hotel filters

    All filters shows refinement categories and options, with Free cancellation selected, Reset All, and an apply control estimating 117 properties.

    Premium screenshot

    View the screen

  10. Cleartrip: Flight payment methods

    Pay and book boundary showing final fare and card, UPI, net banking, EMI, and wallet options.

    Premium screenshot

    View the screen

  11. District: Showtimes and cinema listing with date picker

    Film title in the header, a date strip, Filters and 'Sort by' controls, then cinema cards each listing a venue name with distance and a grid of clickable show times.

    Premium screenshot

    View the screen

  12. Domino’s: Pizza menu listing with filters

    Domino's Menu: veg/non-veg and sort filters, category tabs (Paneer Maxxx, Chicken Maxxx, Big Big Pizza, Meals), and product cards showing a pizza name, description, price and an inline Add control.

    Premium screenshot

    View the screen

  13. Domino’s: Cart and order review

    Cart: the added pizza with a quantity stepper, a free-delivery unlock banner, a Frequently Bought Together upsell rail, Apply Coupon, DELIVER NOW versus ADVANCE ORDER scheduling, and the ADD/SELECT ADDRESS call to action.

    Premium screenshot

    View the screen

  14. Domino’s: All Restaurants directory for dine-in

    City-first dine-in store directory: an 'All Restaurants' header, a city field resolved to BANGALORE, a Search Restaurant box, an 'All Restaurants' count line, and outlet cards each showing the restaurant name, full street address, opening hours and a SELECT button. Before a city is chosen the same screen shows an empty state, 'We could not find a restaurant near your location! Please select your city and try again.'

    Premium screenshot

    View the screen

  15. EaseMyTrip: Select origin city

    Origin-airport selector with a city-or-airport search field, recent searches, and popular Indian cities with airport codes.

    Premium screenshot

    View the screen

  16. EaseMyTrip: Cab fare breakup

    Itemized cab fare showing adult base amount, tax, toll tax, state tax, promo discount, and grand total.

    Premium screenshot

    View the screen

  17. EaseMyTrip: Select city and location

    City and location selector with a search field for entering a city, location, or specific place.

    Premium screenshot

    View the screen

  18. EaseMyTrip: Select source city

    Source-city selection screen with an empty search field for entering the trip origin.

    Premium screenshot

    View the screen

  19. MakeMyTrip: Cabs Review Your Ride

    The pre-payment cab review: trip address and schedule with Edit, the selected vehicle with rating, fuel type and seats, free-cancellation terms, a detailed Inclusions & Exclusions list of per-minute and per-kilometre overage rates and which tolls, parking and state taxes are included or excluded, a Policies link, a Coupon & Offers block, and the Part Pay / Full Pay / PAY NOW bar. The wording of the inclusions block and the two payment amounts differ by cab product: the hourly-rental and airport captures exclude tolls, parking and state tax, while the intercity Outstation capture states that tolls, state tax and driver allowance are included and quotes a per-kilometre rate beyond an included distance.

    Premium screenshot

    View the screen

  20. MakeMyTrip: Destination activities listing

    Dated activity results for a destination: a header with the destination, the date range and Edit, filter controls (All Filters, Price, Categories), a 'SELECT YOUR EXPERIENCE' category rail (MMT Experience Pass, Attraction Tickets, Tours), an in-destination search field, and activity cards with duration, inclusions, a savings badge and a struck-through original price.

    Premium screenshot

    View the screen

  21. MakeMyTrip: Hotels UPI payment — select a UPI app or share a payment link

    UPI instrument surface: Total Due, a Select UPI App list of installed apps with a redirect warning and SHOW ALL, and a Share Payment Link alternative explaining that UPI ID/VPA entry is discontinued per NPCI guidelines, with a 10-minute link validity note.

    Premium screenshot

    View the screen

  22. MakeMyTrip: Experience Pass Review Booking

    Pre-payment review of the pass booking: product name and tier, traveller count, TOTAL COST inclusive of taxes, an activation-window note, a Cancellation Policy block explaining the full refund before first activity booking and non-refundability after, an Add Traveller Details block with a passport-match warning, and the total with CONTINUE.

    Premium screenshot

    View the screen

  23. MakeMyTrip: Activity booking — Select Date

    A month calendar for choosing the visit date, with weekday headers, the current selection highlighted, FROM DATE and TO DATE summary fields and a DONE confirm button.

    Premium screenshot

    View the screen

  24. MakeMyTrip: Cabs priced options listing

    Partner-aggregated cab classes for the searched trip: a trip header with an Edit control, the Ride Guarantee strip, the distance/duration basis of the rates, and priced vehicle-class cards with seat counts, fuel type and an inline coupon and roof-carrier add-on.

    Premium screenshot

    View the screen

  25. MakeMyTrip: Hotels Review Booking

    Pre-payment stay summary: property name and locality, check-in and check-out with night count, guests and rooms, the selected room and meal plan, a non-refundable notice, an Inclusions & Cancellation Policy link, a recommended Addons block, and the total with CONTINUE.

    Premium screenshot

    View the screen

  26. SNITCH: Product listing with filter and sort

    The listing surface used for category browsing and for text-search results: sub-filter chips (ALL, NEW, RELAXED, FORMAL, LINEN), grid-density toggles, a filter and sort control, and a product grid showing names, prices and wishlist hearts. Its filter and sort sheet offers SORT BY (POPULAR, PRICE HIGH TO LOW, PRICE LOW TO HIGH, NEW, CUSTOMER REVIEW) plus CATEGORY, SIZE, COLOR, PATTERN, FIT and MATERIAL facet groups with CLEAR and APPLY. When the surface is reached from a query it shows the query text in the header field with a result count, and the grid-density switch changes how much product copy each tile carries: the widest density shows a single full-bleed image per row with no name or price, while the 2-up density exposes product names and prices. Tapping a result tile opens that product's own detail page.

    Premium screenshot

    View the screen

  27. SNITCH: Shopping bag with price details

    BAG screen with one line item (Burgundy Solid Twill Shirt, M, quantity 1, Rs 1219), MOVE TO WISHLIST and delete controls, a locked coupons and gift cards row, a PRICE DETAILS breakdown of bag total, coupon discount and grand total, a YOU MAY ALSO LIKE carousel, and the SELECT ADDRESS TO CONTINUE call to action.

    Premium screenshot

    View the screen

  28. SNITCH: Curated collection lookbook

    The SNITCH X SIRAJ collection header sits above a sub-category chip row (ALL selected, then NEW, SHIRTS, T-SHIRTS, JEANS) and grid-density switchers. Below is a nine-tile editorial lookbook of full-bleed model photography. The tiles deliberately carry no product name, no price and no rating — the only shopping copy on the screen is the collection name and the chips. The bottom navigation bar (home, NEW, browse, bag, account) is visible.

    Premium screenshot

    View the screen

  29. BookMyShow: Movies home

    BookMyShow home tab headed 'It All Starts Here!' with a category icon rail, a promoted hero banner, a Toxic movie banner and a Recommended Movies poster rail above the bottom navigation (Movies, Live Events, Search, HSBC Lounge).

    Premium screenshot

    View the screen

  30. BookMyShow: Movie detail page

    Film synopsis page with poster hero, star rating and vote count, runtime/genre/language/format chips, an accessibility note, offer strip, review hashtags and a red Book Tickets call to action.

    Premium screenshot

    View the screen

  31. BookMyShow: Cinema showtimes

    Showtimes listing for the chosen film: a horizontal date strip, Hindi/2D language-format line, Sort/Cancellable/price-band filters, and four Goa cinemas each with green showtime chips.

    Premium screenshot

    View the screen

  32. BookMyShow: Cinema seat map

    Interactive auditorium map with a screen banner, labelled price-tier blocks (Recliner, Prime Plus, Prime, Classic) of selectable seat cells and an Available/Selected/Sold legend.

    Premium screenshot

    View the screen

  33. BookMyShow: Food and beverage add-ons

    'Grab a Bite!' upsell with an offer banner, All/Popcorn/Beverages/Snacks tabs and priced popcorn rows each carrying an Add button, plus a Skip link.

    Premium screenshot

    View the screen

  34. BookMyShow: Event date and time

    Step 1 of the booking wizard (Date & Time / Ticket / Review) showing the venue line and Select Date chips for the available nights.

    Premium screenshot

    View the screen

  35. BookMyShow: Now showing movies

    City-scoped 'Now Showing' catalog reached from the home Movies rail: a promotional hero card, a 'Coming Soon' section pointing at upcoming movies, and a grid of film poster cards with a browse-by-cinema entry point.

    Premium screenshot

    View the screen

  36. BookMyShow: Live event booking - select venue

    First step of the live-event booking wizard for a multi-city event: a four-stage breadcrumb (Venue, Date & Time, Ticket, Review & Proceed to Pay) above a 'Select Venue' list of collapsible city groups. Bengaluru is expanded and shows one selectable venue card - MLR Convention Centre, Whitefield - with its starting date, distance, a Fast Filling label and a Know more link; Kolkata is collapsed below.

    Premium screenshot

    View the screen

  37. BookMyShow: Venue detail

    A venue's own page reached by opening a non-film Venues result from search: back chevron, the venue name as the header title (Skyye: Bengaluru), a share icon, a full-width venue photo, the venue's complete public street address, a red View On Maps link, then an 'Explore All Events' block headed '1 Events' with Filters and Sort By chips above a dated event poster card (Club Nocturno, Sat, 22 Aug) whose title row is partly cut off at the bottom edge.

    Premium screenshot

    View the screen

  38. Domino’s: Takeaway outlet picker near you

    Pickup store chooser: a 'Restaurant(s) Near Your Location' list under the current locality, each outlet card showing the restaurant name, full street address, opening hours, walking/driving distance, a View on Map link and a SELECT button, with some outlets badged NEW DRIVE-N-PICK.

    Premium screenshot

    View the screen

  39. Domino’s: Deliver on Train PNR entry

    Deliver on Train header over a PIZZA ON YOUR SEAT explainer ('We will deliver your favourite Pizza right on your train seat while you travel'), an 'Enter PNR to get started' card with an empty PNR field, the hint 'Valid PNR Number is Mandatory', an 'I agree to the IRCTC Ordering Terms & Conditions' checkbox and a green SUBMIT button, an IRCTC ORDER HISTORY row, and an IRCTC T&C block listing catered-station and 2-hour lead rules, 12:00-23:00 delivery hours and the 2-hour cancellation window, with READ MORE.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.