AI Prompt Bar

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

Summarize last week's support tickets

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

launchesc

Launch plan Q2Docs

launch-prepChannel

Laura NgLaunch lead

↑↓ to navigate↵

Command Palette

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

Search members, invoices, notes…⌘K

Command Search Bar

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

Search over 12,000 templates…

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

Hero Search

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

is:open assignee:me label:

Suggested operators

label:bugBug reports

label:polishPolish

label:docsDocumentation

Operator Hints

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

linen-chair.jpgFind similar products

Visual Search

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

Search Shortcut

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