Filter & Sort — web design examples
6 real filter & sort screens from production web products. See how live apps approach layout, copy and UI details.
![Cамолет Плюс — #20[filter-dialog][80][7,8,27,53].png screenshot](https://88b2fef4fbcb-diplomatic-caelum.s3.ru1.storage.beget.cloud/products/f65920d2-d15f-4dad-8e23-d1737abf57bc/2d75fcb3-31c8-4554-abd1-79f2250b8298.png)
![Домклик — #12[search-filter-popover][80][8,20,21,27,32,53,58].png screenshot](https://88b2fef4fbcb-diplomatic-caelum.s3.ru1.storage.beget.cloud/products/e2fc3d59-833a-4413-9c9c-629e269b3d86/7b6a175a-7dc9-4da0-89b6-c2a505fbd670.png)
![Домклик — #14[map-results][112][7,20,30,32,36,40,49,65].png screenshot](https://88b2fef4fbcb-diplomatic-caelum.s3.ru1.storage.beget.cloud/products/e2fc3d59-833a-4413-9c9c-629e269b3d86/3d40876b-a7c2-43c8-890a-0b836559cf21.png)
![Домклик — #15[map-results-detail][112][7,20,30,32,36,40,49,58,65].png screenshot](https://88b2fef4fbcb-diplomatic-caelum.s3.ru1.storage.beget.cloud/products/e2fc3d59-833a-4413-9c9c-629e269b3d86/91d19e91-f185-4dd7-8606-c78d7e6ec618.png)
![Домклик — #20[filters-dialog][80][3,7,21,27,34,53].png screenshot](https://88b2fef4fbcb-diplomatic-caelum.s3.ru1.storage.beget.cloud/products/e2fc3d59-833a-4413-9c9c-629e269b3d86/79c64032-cdeb-4ba7-b526-0f8931151c00.png)
Other screen types
- Account Management
- Account Setup
- Achievements & Awards
- Acknowledgement & Success
- Action Option
- Actions
- Add & Create
- Article Detail
- Audio & Video Recorder
- Audio Player
- Ban & Block
- Billing
- Bookmarks & Collections
- Browse & Discover
- Calendar
- Call
- Cancel
- Canvas
- Cart & Bag
- Charts
- Chat Bot
- Chat Detail
- Checkout
- Class & Lesson Detail
- Code Editor
- Command Palette
- Comments
- Commerce & Finance
- Communication
- Confirmation
- Content
- Dark Mode
- Dashboard
- Data
- Date & Time
- Delete
- Delete & Deactivate Account
- Draw & Annotate
- Edit
- Emails & Messages
- Empty State
- Error
- Event Detail
- Favorite & Pin
- Feature Info
- Feedback
- Flag & Report
- Follow & Subscribe
- Followers & Following
- Forgot Password
- Goal & Task
- Guided Tour & Tutorial
- Help & Support
- Home
- Import & Export
- Internal Tool
- Invite & Refer Friends
- Invite Teammates
- Kanban Board
- Layouts
- Leaderboard
- Like & Upvote
- Loading
- Login
- Map
- Media Editor
- Misc
- Misc
- Move
- Multi-Column Layout
- My Account & Profile
- New User Experience
- News Feed
- Note Detail
- Notifications
- Order Confirmation
- Order Detail
- Order History
- Other Action
- Other Content
- Payment Method
- Permission
- Playlists
- Post Detail
- Pricing
- Product Detail
- Progress
- Promotions & Rewards
- Publish
- QR Code
- Quiz
- Recipe Detail
- Reorder
- Reviews & Ratings
- Save
- Schedule
- Search
- Select
- Set
- Settings & Preferences
- Share
- Shop & Storefront
- Signup
- Social
- Social Feed
- Song & Podcast Detail
- Stories
- Subscription & Paywall
- Suggestions & Similar Items
- TV Show & Movie Detail
- Timeline & History
- Timer & Clock
- Transfer & Send Money
- Trash & Archive
- Upload & Download
- User / Group Profile
- User Collections
- Utility
- Verification
- Video Player
- Wallet & Balance
- All screenshots