Command Palette
命令面板 (⌘K)
The central command hub of modern SaaS and desktop tools — invoked via ⌘K to instantly search, navigate, and execute shortcuts with the keyboard.
Live Demo
Actually clickableWhat you just saw:Press ⌘K in Linear, Notion, or GitHub to summon a centered floating modal with instant fuzzy search, grouped commands, and keyboard shortcut badges.
What it actually is
Command Palette is popularized by Linear, VS Code, and Raycast as the gold standard for desktop efficiency. It unifies global search, deep-link navigation, and shortcut action triggering into a single keyboard-driven interface. Power users can hit ⌘K or Ctrl+K from anywhere to jump across views or trigger workflows without touching the mouse.
Anatomy · What it's made of
Search Input命令搜索框
Auto-focused input with search icon, placeholder, and ESC indicator
Category Group分组列表
Grouped list sections like Navigation, Actions, and Recent
Shortcut Pill快捷键微胶囊
Kbd badges displaying keys like ↵, ⌘K, ⌘C
When to Use
When it fits, and when it doesn't| Situation | Use it? |
|---|---|
| Desktop Web and SaaS products with multi-level deep navigation and dense workflows | Yes |
| Power-user oriented apps that benefit from keyboard shortcuts and fuzzy commands | Yes |
| Unifying page navigation, data search, and action dispatch into a single entry point | Yes |
| Exclusively mobile touch-screen experiences without hardware keyboards | No |
Do not treat Command Palette as the sole navigation mechanism; casual users still need visible on-screen links.
Avoid stuffing massive multi-field forms into the palette; redirect to a dedicated modal or view instead.
Similar Patterns
Don't mix these upCommand PaletteCurrent
命令面板 (⌘K)
The central command hub of modern SaaS and desktop tools — invoked via ⌘K to instantly search, navigate, and execute shortcuts with the keyboard.
Search Field
搜索框
An input box built purely for finding things, usually with a magnifier icon and a clear button.
In one line:The central command hub of modern SaaS and desktop tools — invoked via ⌘K to instantly search, navigate, and execute shortcuts with the keyboard.
Search Field
搜索框
An input box built purely for finding things, usually with a magnifier icon and a clear button.
Modal
模态框 / 对话框
Something pops up in the middle of the screen, and until you deal with it you cannot use the page underneath.
Popover
浮出层
A small panel that pops out next to a particular element, visually tethered to the thing that opened it.
How to tell AI
Three levels of promptAdd the component name and specifics
Build a Linear-style Command Palette triggered by ⌘K / Ctrl+K: centered elevated modal, fuzzy search across actions and pages, keyboard arrow navigation, and shortcut badges.
Don't just say this to AI
Bad → BetterDon't say this to AI
Popup a search dialog.
Say this instead
Implement a Command Palette spec: centered 640px window, ⌘K global shortcut trigger, keyboard navigation, grouped actions and pages with shortcut kbd badges.
Share this card
Social-readyTurn this pattern into a 3:4 or 1:1 knowledge card and export it as PNG right in the browser. No backend needed.