Mobile filter button UI examples

Filter button UI examples

• See the flow
  Zalando – Online fashion↗

  This is a product listing screen in the Zalando fashion app, specifically filtered for 'Sport'.

• See the flow
  Good Food: Recipe Finder↗

  This is a search and filter screen for a recipe discovery app.

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

  The top section features a search bar, a 'Save' button, and filter controls ('Filters 10', 'For rent').

• See the flow
  Klook: Travel & Activities↗

  At the top, there is a horizontal scrollable list of location-based filters (Tokyo, Las Vegas, More to explore) and a filter icon.

• See the flow
  calimoto Motorcycle Navigation↗

  At the top, a large header 'Discover Rides' is accompanied by a filter icon.

• See the flow
  SnoreLab : Record Your Snoring↗

  A floating action button with a filter icon is positioned in the bottom right.

• See the flow
  Transit • Subway & Bus Times↗

  A floating action button with a filter icon is positioned in the bottom right corner.

• See the flow
  Meetup: Social Events & Groups↗

  At the top, a search bar with a filter icon allows users to find events.

• See the flow
  Litres: Audio↗

  Below the tabs, there is a filter button with a badge indicating three active filters, and two pill-shaped category tags for 'Subscription' and 'Audio'.

• See the flow
  HBX | Globally Curated Fashion↗

  A floating 'Filter' button is positioned centrally at the bottom of the product grid.

• See the flow
  Vrbo Vacation Rentals↗

  This screen is a modal overlay for filtering and sorting vacation rental properties in the Vrbo app.

• See the flow
  WebNovel - Read Novels & Manga↗

  This screen displays a search results page for a web novel application, overlaid with a 'Filter By' modal.

• See the flow
  Particle: Personalized News↗

  At the top, a navigation bar includes a back button, a filter icon, an audio/podcast playback control, and a three-dot menu.

• See the flow
  Calculator₊↗

  The modal has a drag handle at the top and navigation icons including a menu button, a filter/sort icon, and an edit icon, along with a close button on the top right.

• See the flow
  Fishbrain - Fishing App↗

  The top portion is an interactive map with search and filter icons, a layer toggle, and location markers indicating catch counts.

• See the flow
  Wikiloc - Trails of the World↗

  This is a modal filter screen for an outdoor trail navigation app.

• See the flow
  Vivino: Drink The Right Wine↗

  At the top of the screen, there is a persistent search bar with a magnifying glass icon and a filter icon on the right, preceded by a back navigation arrow.

• See the flow
  Premier League - Scores, News↗

  A 'Filter' button with a sorting icon sits below the search bar.

• See the flow
  ZARA↗

  At the top, there is a horizontal filter bar with options for Color, Size, Price, Collection, and Discount.

• See the flow
  Zumba - Dance Fitness Workout↗

  Below this, a horizontal scrollable tab bar allows filtering by categories like 'All', 'Beginner', 'Full-length Zumba', and 'Livestream'.