UI element

Search field

Screens containing search field.

  1. BookMyShow: Search entry with trending titles

    Search entry screen opened from the Home header magnifier: a back chevron, an unfocused search field reading "Search for movies, events, plays, sports...", and a Trending Now list of ten city-scoped titles each with a film/ticket glyph, with an Explore All Categories link starting at the fold. After a query has been run the same screen also shows a Recent Searches block with a Clear action.

    BookMyShow Search entry with trending titles

    View the screen

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

    BookMyShow Typed search results across content types

    View the screen

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

  4. Cleartrip: Hotel destination picker

    Destination selection surface with hotel location suggestions and a clean list state.

    Cleartrip Hotel destination picker

    View the screen

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

    Premium screenshot

    View the screen

  6. District: Movies vertical home with now-showing spotlight

    Movies tab selected in the vertical rail: 'In the Spotlight' hero card for a now-showing film with genre tags and a 'Book tickets' CTA, followed by a "This Week's Releases" poster rail.

    Premium screenshot

    View the screen

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

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

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

  10. EaseMyTrip: Search hotels

    Hotel search form for choosing a destination, stay dates, guest count, and room count, with an offers section below.

    Premium screenshot

    View the screen

  11. EaseMyTrip: Choose a hotel destination

    Destination chooser with a search field, a nearby-property option, and popular domestic and international destinations.

    Premium screenshot

    View the screen

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

  13. EaseMyTrip: Select source city

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

    Premium screenshot

    View the screen

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

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

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

  17. MakeMyTrip: Cabs pickup / drop address search

    Full-screen address entry for a cab trip: the committed FROM value, an empty drop-address field and a Current Location shortcut, with no typeahead results yet.

    Premium screenshot

    View the screen

  18. MakeMyTrip: Hotel results listing

    Priced property results for the searched city and dates: a sticky search header with Maps / Sort / All Filters / OneCircle controls, a Rush Deals carousel, and rated property cards with nightly price and free-cancellation flags.

    Premium screenshot

    View the screen

  19. SNITCH: Category browse directory

    Browse tab directory: a search field above a row of collection tiles, then a vertical list of catalog entries including NEW ARRIVALS, SHOP ALL, BESTSELLERS, SNITCH X SIRAJ, SHIRTS, T-SHIRTS, JEANS, TROUSERS and CARGOS.

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

  22. SNITCH: SNITCH home storefront

    Menswear landing screen: a pincode delivery-check prompt and search bar at the top, a full-bleed editorial hero (LINEN EDIT) with the shop-the-collection call to action, a FEATURED CATEGORIES section below, and a five-tab bottom navigation.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.