← Pattern library
Search
A direct query surface for finding a known item.
Search lets users skip navigation by typing what they want. Good search combines an input, live suggestions, clear result ranking, and filters that refine without discarding the query.
Use cases
- Product catalogs and marketplaces
- Documentation and help centers
- Any app where the item space is larger than the navigation can expose
Pros
- Fastest path when the user knows what they want
- Reveals demand signals through query logs
- Scales with catalog size where menus do not
Cons
- Empty and zero-result states need real care
- Ranking quality is a continuous investment
- Users often forget search exists without a persistent input
Where it fits in the funnel
This pattern most often shows up at these Studio stages:
AcquisitionCore loop
Try it in the Studio
See how search plays out across real industries. Compose a product genome and watch it render live.
Open the StudioMore patterns
- Modal WindowsFocused overlays for a single decision or task.
- PaginationSplit long result sets into numbered pages.
- Infinite ScrollContinuously append items as the user scrolls.
- Onboarding ToursGuided first-run walkthroughs of the interface.
- Empty StatesThe first thing a user sees before any data exists.