Mobile search suggestion UI examples

Search suggestion UI examples

• See the flow
  Deezer: Music Player, Podcast↗

  Below the search bar, the screen displays a 'Recent searches' section with a trash icon for clearing history.

• See the flow
  WebNovel - Read Novels & Manga↗

  Top navigation bar followed by a search input, an advanced search button, a popular searches section, and a tabbed list of ranked categories.

• See the flow
  Fishbrain - Fishing App↗

  The main content area is divided into two sections: 'Recent searches' and 'Nearby waters'.

• See the flow
  HelloBot - Astrology & Tarot↗

  Below this, a 'Recent searches' section displays a 'No search history' placeholder.

• See the flow
  Google Gemini↗

  A 'Search related topics' card is prominently displayed, containing three clickable search suggestions: 'latest news about UI/UX design', 'Is there a future for UI UX design?', and 'What is the latest trend in UX?'.

• See the flow
  The Wall Street Journal. News↗

  Beneath the search bar, there is a list of search suggestions: 'nba' and 'nba gambling', both preceded by a magnifying glass icon.

• See the flow
  Meetup: Social Events & Groups↗

  Below the search bar, a list of search suggestions is displayed, including 'Hiking', 'Hiking with Your Dog', 'Wilderness Hiking', 'Backcountry', and 'Women's Hiking'.

• See the flow
  Klook: Travel & Activities↗

  Top search bar followed by a section header and a grid of destination chips.

• See the flow
  Redfin: Buy, Sell & Rent Homes↗

  The screen displays a 'RECENT SEARCH' section showing a zip code '94552' with a timestamp 'Last 3 months' and a 'More' dropdown, followed by a 'SAVED SEARCHES' section listing the same zip code '94552' marked with a bookmark icon.

• See the flow
  Yelp: Food, Services & Reviews↗

  Below the search bar is a list of search suggestions, starting with a 'Current Location' option marked by a location pin icon.

• See the flow
  Fishbrain - Fishing App↗

  The main content area is divided into two sections: 'Recent searches' and 'Nearby waters'.

• See the flow
  WebNovel - Read Novels & Manga↗

  Top navigation bar, search input, advanced search button, popular search tags, and a ranked list of novels with tabbed headers.

• See the flow
  WeMoms - Pregnancy & Baby App↗

  Search bar at top, followed by a grid of tags, a horizontal row of tool cards, and a vertical list of community groups, with a bottom navigation bar.

• See the flow
  Weather Pro · Radar Alerts↗

  Below the search bar is a scrollable list of location suggestions matching the query, including various 'San Francisco' locations in the United States, Hong Kong, and the Philippines.

• See the flow
  Flight Tracker +↗

  The screen features a large title at the top, a search input field with a magnifying glass icon, and a 'Recents' section containing an 'Anywhere' option with a globe icon.

• See the flow
  ZARA↗

  Below the search bar, there is a horizontal scrollable list of suggested search tags including 'Cotton Shirt', 'Christmas', 'Linen Shirt', and 'Basic'.

• See the flow
  Litres: Audio↗

  Below the search bar, there is a list of recent or suggested search queries in Russian, including author names like 'татьяна устинова', 'клюквин', 'андрей васильев', 'стивен кинг', and a genre term 'бытовое фэнтези попаданки'.

• See the flow
  SmartNews: Now in Spanish↗

  Top search bar, followed by a header and list of history items, with the system keyboard at the bottom.

• See the flow
  Spoke Route Planner↗

  Search bar at the top, followed by a header, a list of address results, and a keyboard at the bottom.

• See the flow
  Transit • Subway & Bus Times↗

  Green header with search bar, followed by a dismiss instruction card, then a list of contacts and search results.