UI element

Icon button

Screens containing icon button.

  1. 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

  2. BookMyShow: Contact detail before payment

    'Please Fill In The Missing Detail' sheet explaining the detail is needed to deliver tickets, with a country-code mobile-number field, a 'Save this detail in the profile for future transactions' checkbox and an enabled red Proceed To Pay button.

    BookMyShow Contact detail before payment

    View the screen

  3. 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

  4. 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)'.

    BookMyShow Live event category listing

    View the screen

  5. BookMyShow: Typed search results across content types

    As-you-type results for the query "Toxic": a clearable query chip, result-type tabs (All, Movies, STREAM, Events, Plays), a "Showing 8 results" count, and typed rows spanning a film (Toxic: A Fairy Tale for Grown-ups - in upcoming movies, Kannada, Telugu and 4 more), two comedy shows with venue and distance labels, a venues row, an artist row and an actor row, plus a View All Results button.

    Premium screenshot

    View the screen

  6. 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

  7. Cleartrip: Hotel property details

    Hotel imagery, property name and rating, amenities, nightly price, and Select Room.

    Premium screenshot

    View the screen

  8. District: Movie detail page with booking CTA

    Full-bleed film artwork over a dark scrim with the film title, certificate/duration/genre metadata line, a short synopsis, share and watchlist affordances and a persistent bottom 'Book tickets' bar.

    Premium screenshot

    View the screen

  9. District: Event detail page with price and booking CTA

    Vertical event artwork with the event name repeated in the header, category tags (food and drinks, nightlife), a date/time line, the venue name with locality, and a bottom bar showing the ₹100 starting price beside a white 'Book tickets' button.

    Premium screenshot

    View the screen

  10. 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

  11. EaseMyTrip: EaseMyTrip home

    Travel-product home with prominent Flights, Hotels and Trains choices, additional service shortcuts, and bottom navigation.

    Premium screenshot

    View the screen

  12. EaseMyTrip: Hotel search results

    Hotel results showing property cards with ratings, amenities, pricing, and controls for price, filters, and sorting.

    Premium screenshot

    View the screen

  13. EaseMyTrip: Hotel property details

    Property detail view with photos, identity, rating, location, booking terms, stay dates, hotel information, price, and room-selection action.

    Premium screenshot

    View the screen

  14. MakeMyTrip: Single-activity detail

    One activity's page: photo hero with a share control, name and destination, tabbed sections (About, Highlights, Activity Options, Traveller Videos), an About Activity block with duration and suitability, a description, and a sticky 'Starting From' price with CONTINUE.

    Premium screenshot

    View the screen

  15. MakeMyTrip: Hotel property detail

    One property's page: photo hero with a photo count, name, review rating, locality, a property overview blurb, the stay dates and occupancy, the nightly fare with taxes, a wishlist heart and a SELECT ROOM call to action.

    Premium screenshot

    View the screen

  16. MakeMyTrip: Experience Pass detail

    The multi-activity pass product page: branded hero, pass name and destination, a starting per-adult price, an activation validity line, tabbed sections (MMT Pass, Choices (25), Pass Options, Pass Details), an About block describing the savings, and a sticky starting price with CONTINUE.

    Premium screenshot

    View the screen

  17. 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

  18. SNITCH: Shirt product detail page

    Product page for a burgundy solid twill shirt: large product photography, product name and price, a star rating with review count that opens the reviews panel, a full-width ADD TO BAG button, and further down the same scrolling page a YOU MAY ALSO LIKE recommendation grid of shirt tiles with prices, struck-through original prices, colour swatches and wishlist hearts; tapping a tile opens that product's own full detail page. The same template serves products opened from a curated collection tile and from a search results tile.

    Premium screenshot

    View the screen

  19. 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

  20. SNITCH: Catalog search surface

    Dedicated search surface reached from the home or browse-tab search bar. A back arrow and an empty editable search field on its rotating placeholder sit at the top, with voice and image search icons at the right. Below: RECENT SEARCHES with a CLEAR ALL control and previously used query chips, a TOP SEARCHES block of suggestion chips including POLO SHIRTS, LINEN SHIRTS, BLACK SHIRTS, STRAIGHT FIT JEANS, FORMAL SHIRT, FULL SLEEVE T SHIRT, BAGGY JEANS and CARGO PANTS, and a TRENDING section with category tabs above a product thumbnail grid. Typing a partial query replaces the chips with a live typeahead suggestion list; tapping a TOP SEARCHES chip opens the standard on-query results listing.

    Premium screenshot

    View the screen

  21. 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

  22. 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

  23. 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

  24. BookMyShow: Select language and format

    Bottom sheet titled 'Select language and format' under the film name, grouping the available formats by language: an ENGLISH section with a 2D option and a HINDI section with a 2D option.

    Premium screenshot

    View the screen

  25. 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

  26. Domino’s: Pizza customisation with size, crust and toppings

    Margherita configuration page: a hero pizza photo, the product name with 'Classic delight with 100% real mozzarella cheese', a Change Size block offering Regular (Serves 1) at Rs 119, Medium (Serves 2) at Rs 239 preselected and Large (Serves 4) at Rs 449, then a Change Crust block starting with New Hand Tossed at Rs 239, and a sticky footer summarising 'Medium | New Hand Tossed' with a priced Rs 239 Add button. Scrolling further on this same surface reveals the remaining crusts (100% Wheat Thin Crust Rs 289, Cheese Burst Rs 339, Fresh Pan Pizza Rs 289, Classic Hand Tossed greyed out as unavailable, Korean Sweet Chilli Cheese Burst Rs 339, Hot n Fiery Cheese Burst Rs 339, Creamy Makhani Cheese Burst Rs 339), an 'Add Extra cheese to crust' add-on at +Rs 75, eight veg toppings at +Rs 60 each (Crisp Capsicum, Fresh Tomato, Paneer, Red Pepper, Jalapeno, Black Olive, Grilled Mushrooms, Onion) and seven non-veg toppings at +Rs 75 each (Pepper Barbecue Chicken, Peri-Peri Chicken, Grilled Chicken Rasher, Chicken Sausage, Chicken Tikka, Chicken Pepperoni, Chicken Keema).

    Premium screenshot

    View the screen

  27. SNITCH: Collection filter and sort

    A bottom sheet over the dimmed collection grid listing collapsed facet groups: SORT BY, CATEGORY, SIZE, COLOR, PATTERN, FIT and CUSTOMER REVIEW, each with an expand control. A CLEAR action and an APPLY action carrying a live result count sit pinned at the bottom, showing that curated collections get the same full faceting controls as the standard product listing.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.