Screen patterns

Filter and sort

Controls for narrowing or ordering a collection. Study captured mobile app examples for UI/UX research.

1. Cleartrip: Hotel filters

   All filters shows refinement categories and options, with Free cancellation selected, Reset All, and an apply control estimating 117 properties.

   

   View the screen

2. District: Reservation filters

   Bottom-sheet form titled 'Find a restaurant' with a close control and a short subtitle, three stacked preference rows — 'No of guests' (2 guests), 'Date' (Today), 'Time' (2:30 PM) — and a footer pairing a text 'Clear filters' action with a filled 'Find restaurants' submit button, over the dimmed collection listing.

   

   View the screen

3. Nykaa: Brand filters

   Filters

   Premium screenshot

   View the screen

4. SNITCH: Collection filters

   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