Command Palette Tour
Split layout pairing a power user pitch with a static command palette blueprint showing a typed query, grouped results, and inline shortcut hints.
Split layout pairing a power user pitch with a static command palette blueprint showing a typed query, grouped results, and inline shortcut hints.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Command Palette Tour sells speed through a single keystroke. A pitch column pairs a heading and lede with three points, jump to anything by name, act without touching a menu, learn shortcuts as you go, each an icon beside a title and a line, and closes with a Cmd K hint. Beside it sits a static command palette blueprint: a typed query with a caret, grouped results with inline Kbd shortcuts, a highlighted selection, and a navigation hint footer. The blueprint is what makes the pitch land, readers see the palette rather than just hear about it.
The results are grouped arrays of name, hint, keys, and a selected flag, rendered with the ui Kbd component so every shortcut reads as a key cap. The selected row shows a return key, unselected rows show their combos. The block stays a server component built from markup and theme tokens, no palette actually opens.
Reach for this block on product pages courting the keyboard demographic, the audience that evaluates a tool by pressing Cmd K on day one. Showing the palette, grouped and shortcut labeled, signals a product built for people who never reach for the mouse. It pairs with keyboard-shortcuts-panel as craft evidence, the palette in action beside the full reference.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is the campaign search and quick actions of a marketing tool. Other palettes:
Tip: show one selected result with a return key and give the rest their shortcuts, a palette that teaches its own keys is the whole argument for building one.