UX Patterns
Search + Results
UXsearchinputnavigationfilter
An input field paired with a dynamic results list — the core of any find-and-navigate pattern.
When to use
- Any content collection too large to browse manually
- Command palettes for quick navigation
- Show results in real time as the user types (debounced query)
Examples
- Linear's Cmd+K command palette
- Algolia-powered docs search
See this in the wild
Analyze a site and look for search + results in the breakdown.