Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
1–21 of 21
Focused search input with a typed query, blinking caret, hit counter, and clear button.
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
Search input with a dropdown of autocompletions that bolds the matched substring.
Multi-filter search bar with removable token chips inline with the placeholder.
Popover that opens on focus and lists prior queries with a clock icon and remove control.
Empty-state card echoing the failed query with a did-you-mean link and a retry tip.
Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.
Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.
Command menu with two sectioned buckets of results, each prefixed by a category label.
Search popover mid-query with a spinner in the input and three shimmering skeleton rows.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
Search header with category tabs that show per-tab counts and an underline for the active one.
Search field followed by a row of trending query chips led by a small flame label.
Combined control with a left scope dropdown and a wider query input sharing a single pill.
Image-attached search bar with an attached file chip, camera capture, and a search icon button.
Mention-style popover listing matching people with avatars, role lines, and a presence dot.
Ecommerce suggestions dropdown with a warm thumbnail, rating line, and trailing price column.
SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.
Power-query input paired with a suggestions panel that surfaces operator tokens and their meanings.
Search popover listing named saved queries with pin or star markers and a raw query beneath.
Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.