UI element

Grid

Screens containing grid.

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

  2. 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).

    BookMyShow City selector

    View the screen

  3. Cleartrip: Cleartrip Home

    Travel categories include Hotels alongside app-wide navigation.

    Cleartrip Cleartrip Home

    View the screen

  4. District: Going-out home feed with vertical rail and spotlight

    Guest home: city/locality header, a search field, a horizontally scrolling vertical rail (Dining, Movies, Events, Stores, Activities, Play, Comedy) and an 'In the spotlight' content card for a now-showing film.

    District Going-out home feed with vertical rail and spotlight

    View the screen

  5. District: Cinema seat map with tier pricing and selection

    Header with film, venue and the chosen date/time, then a scrollable auditorium seat map split by priced tiers (PRIME ₹320, CLASSIC PLUS ₹310, CLASSIC ₹240, LOUNGER ₹270) with one seat highlighted and a bottom bar reading '1 Seat' with a Proceed button.

    Premium screenshot

    View the screen

  6. District: Events landing with this-week picks and featured grid

    Events tab active: "What's happening this week" heading with a circular category rail (nightlife, social mixers, music, food and drinks and similar) and a 'Featured events' grid of poster cards.

    Premium screenshot

    View the screen

  7. EaseMyTrip: EaseMyTrip home

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

    Premium screenshot

    View the screen

  8. MakeMyTrip: Account menu drawer (guest, not signed in)

    The app's account menu, slid over a dimmed home shell. For a guest it leads with a blue "Login/Sign-up now — Login for best deals & offers" call to action instead of an account name, then a three-tile shortcut row (My Trips, Profile, Wishlists — Wishlists carrying a red badge dot), an MMT ICICI Card offer row ("Limited time offer – Zero Joining fee", New), a Where2Go inspiration row ("Ideas for your next trip"), a five-item utility list (Customer Support, Notifications, Gift Cards, My Reviews, Refer & Earn), a supply-side "Get Started with Hosting — List your property & earn extra income" row, and the start of a Settings block beginning with Country, clipped by the drawer fold.

    Premium screenshot

    View the screen

  9. MakeMyTrip: MakeMyTrip home dashboard

    The app root: a header with the brand mark, search, myCash and myBiz; the Myra assistant bar; a twelve-tile line-of-business grid (Flights, Hotels, Holiday Packages, Trains/Bus, Airport Cabs, Villas & Homestays, Outstation Cabs, Forex Card & Currency, Tours & Attractions with a 'new' badge, Hourly Stays, Visa, Travel Insurance) with an expand chevron; an Offers feed with category chips and promo cards; and a bottom navigation bar.

    Premium screenshot

    View the screen

  10. MakeMyTrip: Tours & Attractions landing

    The activities line-of-business entry: an MMT Experience Pass promo banner claiming multi-activity savings, a 'Where are you going?' destination search box with SEARCH, and a Trending Destinations grid (Singapore, Dubai, Paris, Bangkok, London, Tokyo, Phuket, Kuala Lumpur).

    Premium screenshot

    View the screen

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

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

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

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

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

  16. District: Dining vertical home with mood rails and popular chains

    Dining tab active: locality header, a 'Search for' field, a places/events toggle, a "What's the mood?" grid of photographic mood tiles (family dining, buffets, cafes, desserts and similar) and a 'Popular chains' logo rail.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.