# search

Featured UI Elements Live preview

Swift Command Palette · Candy Pink

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Candy Pink palette.

56400Open

Swift Command Palette · Royal Gold

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Royal Gold palette.

23200Open

Swift Command Palette · Crimson Heat

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Crimson Heat palette.

53600Open

Swift Command Palette · Deep Indigo

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Deep Indigo palette.

85300Open

Swift Command Palette · Aurora Teal

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Aurora Teal palette.

41100Open

Swift Command Palette · Mono Pearl

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Mono Pearl palette.

69000Open

Swift Command Palette · Ultra Violet

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Ultra Violet palette.

24200Open

Swift Command Palette · Cyber Lime

A ⌘K-style palette: type to filter actions, arrow keys to move, Enter to run — with shortcut hints. Rendered in the Cyber Lime palette.

47500Open

Site Templates Live preview

Kite — Job Board Landing

Job marketplace landing with search bar, category pills and featured roles.

Components Live preview

Command Palette Bar

⌘K-style command search bar with keyboard hints and grouped results.

Components Live preview

Search Result Row

Rich search result with thumbnail, title, snippet and tag chips.

HTMLCSSSimple

Search Input Icon

Search field with leading icon and clear button on input.

Sticky Docs Header with Search

Documentation header with breadcrumb search, version dropdown and mobile disclosure.

App Topbar with Global Search

Dashboard topbar with global search, notification bell, quick actions and user chip.

Sort & Filter Dropdown Combo

Filter bar with sort dropdown, active filter chips and clear-all.

Command Bar in Header

Header with a fake command bar that expands into a search overlay.

UI Elements⚛ TSX Live preview

Search Input with Clear

Search field with leading icon, debounce dots and a clear button on input.