Search Blocks

A faceted search panel in a bordered card: a search field header, a left sidebar of type filters with counts that interactively narrow the results, and a result list with path, title, type badge, and snippet. For docs, knowledge base, or app search.

A clean search results page with a search field, a result count, and bordered result cards showing title, type badge, snippet, and last-updated date. For site, docs, or app search.

A command-style search panel with a query field and results grouped into Pages, People, and Files, each row with an icon or avatar and meta, plus keyboard hints in the footer. An inline search-as-you-type panel.

A search input with an autocomplete dropdown of recent searches and keyboard-navigable suggestions, with an empty state and a slash-to-focus hint.

Pro search: a two-pane instant-search command center — a grouped result list with keyboard navigation and match highlighting on the left, and a live preview pane that blur cross-fades to the highlighted document, person, media, or code result on the right, with an auto-typing demo.

Pro search: an AI answer search that streams a written answer word by word with a blinking caret, then reveals the cited sources it was drawn from in a staggered blur-rise with relevance bars, plus follow-up suggestion chips.

Pro search: a faceted commerce search with a filter rail (price range slider, category and rating toggles, in-stock switch), a sort control, removable active-filter chips, and a product grid that animates a FLIP reflow as filters change, with a count-up result count.

Pro search: a scoped results view with All, Docs, People, Code, and Files tabs, an animated underline and a blur cross-fade between panels, live text filtering, and type-specific rich result rows with match highlighting and per-scope result counts.

Pro search: a search analytics dashboard with a range selector that updates a count-up KPI stat strip, a Recharts search-volume area chart, a top-queries list with count-up volumes, trend arrows, and share bars, and a zero-result queries panel.

Pro search: a search home with saved searches that pin and reorder with a count-up New Results badge, a clearable recent-searches list with an empty state, and a trending-across-the-workspace list with inline sparklines.