Skip to content
38

Search.

Search surfaces that work on real data: faceted results with live counts, autocomplete with recent searches, a results page with type tabs and a help center search.

4 blocks, live at full size, install from here

01 / 04Live facet counts, filter chips, highlighted matches, mobile filter sheet

Search 01

Docs search with type, product area and date facets whose counts reflect the other active filters, removable filter chips and relevance or newest sorting. Ships composable parts.

npx shadcn@latest add https://hirael.com/r/search-01.json

02 / 04Slash to focus, arrow keys, removable recents, grouped suggestions

Search 02

Search field with a suggestion dropdown: recent and popular searches when empty, matching pages and people while typing. Slash focuses it and the arrow keys move through results.

npx shadcn@latest add https://hirael.com/r/search-02.json

03 / 04Type tabs with counts, did you mean, show more

Search 03

Search results page with type tabs and counts, results laid out for docs, people and files, a spelling correction when nothing matches, and paged loading.

npx shadcn@latest add https://hirael.com/r/search-03.json

04 / 04Popular topics, live results, category index, support fallback

Search 04

Help center search section with popular topics that fill the query, live matching articles as you type, and a category index when the field is empty.

npx shadcn@latest add https://hirael.com/r/search-04.json