Command Palette Component

v0v0command-palettecomponentshadcn-ui

v0 prompt for a command palette component with fuzzy search, keyboard navigation, and grouped results.

Prompt

Create a command palette component (similar to VS Code's Cmd+K or Spotlight):

- Triggered by Cmd+K keyboard shortcut
- Full-screen overlay with blurred background
- Search input with auto-focus
- Results grouped by category: Pages, Actions, Settings, Recent
- Each result shows: icon, title, description, keyboard shortcut (optional)
- Fuzzy search matching (highlights matched characters)
- Keyboard navigation: arrow keys to move, Enter to select, Esc to close
- Recently used items shown by default (before typing)
- Smooth open/close animation (scale + fade)
- Maximum 8 visible results with scroll for more
- "No results found" state with suggestion

Use shadcn/ui Dialog as the base. Make it accessible with proper ARIA attributes. Style with Tailwind CSS.

What you get when you save this prompt

Your workspace unlocks powerful tools to iterate and improve.

AI OPTIMIZE

AI Optimization

One-click improvement with structure analysis and pattern suggestions.

VERSION DIFF

Version History

Track every edit. Compare versions side-by-side with word-level diffs.

ORGANIZE

Development

Code Review

Testing

Marketing

Folders & Tags

Organize your library with nested folders, tags, and drag-and-drop.

MCP

$ npm i -g @promptingbox/mcp

Claude · Cursor · ChatGPT

Use Everywhere

Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.

Your prompts, organized

Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.