Search blocks

Find a block by name or category

10 Blocks

Search Blocks

Search UI built with shadcn/ui: faceted panels with filter sidebars, results pages, autocomplete inputs with recent searches, scoped tab views, an AI answer search with cited sources, and a search-analytics dashboard. Search experiences beyond a bare input field.

Search 1

Free

Search panel with a query field, a sidebar of type facets with live counts that narrow the list, and results showing title, type badge, and snippet.

BadgeCheckboxInput

Search 2

Free

Search results page with a query field, live result count, empty state, and result cards carrying a type badge, snippet, and last updated date.

BadgeInput

Search 3

Free

Command style search panel grouping results into Pages, People, and Files with icons, avatars, and meta, plus keyboard hints in the footer.

AvatarInputKbd

Search 4

Free

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

Kbd

Search 5

Pro

Instant search command center pairing a keyboard navigable grouped result list with a preview pane that blur cross-fades to the highlighted document, person, media, or code.

AvatarBadgeButtonInput GroupKbd
motion

Search 6

Pro

AI search answer that streams word by word with a blinking caret, then reveals the cited sources with relevance bars and follow-up suggestion chips.

ButtonInput Group
motion

Search 7

Pro

Commerce search with a price range slider, category and rating filters, in stock switch, sort control, removable filter chips, and an animated product grid reflow.

ButtonEmptySelectSliderSwitchToggle Group
motion

Search 8

Pro

Scoped search results with All, Docs, People, Code, and Files tabs, an animated underline, blur cross-fade between panels, live filtering, and match highlighting.

AvatarBadgeEmptyInput GroupTabs
motion

Search 9

Pro

Search analytics dashboard with a range selector driving count-up KPIs, a search volume area chart, a top queries list with trends, and a zero result panel.

BadgeChartSelect
motionrecharts

Search 10

Pro

Search home with pinnable saved searches and a count-up new results badge, a clearable recent searches list with empty state, and trending queries with sparklines.

BadgeButtonEmpty
motion

Search Blocks FAQ

Categories that pair well with Search blocks when composing a page.