AI Prompt Bar

Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.

Summarize last week's support tickets

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

Import & use
import { Search9 } from "@/components/beste/piece/search9";

<Search9
  prompt="Summarize last week's support tickets"
  action="Ask AI"
  tone="ocean"
/>

More Search pieces

View all Search
Search members, invoices, notes…⌘K

Command Search Bar

search23

A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.

launchesc
Launch plan Q2Docs
launch-prepChannel
Laura NgLaunch lead
↑↓ to navigate↵

Command Palette

search3

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

Search over 12,000 templates…
Try “marketing landing”, “saas pricing”, or “portfolio”.

Hero Search

search12

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

linen-chair.jpg
linen-chair.jpgFind similar products

Visual Search

search16

Image-attached search bar with an attached file chip, camera capture, and a search icon button.

is:open assignee:me label:
Suggested operators
label:bugBug reports
label:polishPolish
label:docsDocumentation

Operator Hints

search20

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

Search Shortcut

search22

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