Voice Search

Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.

Find last month's sales reportListening…

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Search8 } from "@/components/beste/piece/search8";

<Search8
  transcript="Find last month's sales report"
  status="Listening…"
/>

More Search pieces

search22

Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.

design tokens42

search2

Focused search input with a typed query, blinking caret, hit counter, and clear button.

Search over 12,000 templates…

Try “marketing landing”, “saas pricing”, or “portfolio”.

search12

Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.

launchesc

Launch plan Q2Docs

launch-prepChannel

Laura NgLaunch lead

↑↓ to navigate↵

search3

⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.

Search issues, docs, and threads…

search15

Combined control with a left scope dropdown and a wider query input sharing a single pill.

is:open assignee:me label:

Suggested operators

label:bugBug reports

label:polishPolish

label:docsDocumentation

search20

Power-query input paired with a suggestions panel that surfaces operator tokens and their meanings.