Command Palette Open
Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.
Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Command Palette Open is a static open blueprint of the command palette: a foreground/20 scrim centered on min-h-screen with the palette card at pt-32, a search input reading Type a command or search with an Esc Kbd, then three result groups. Pages lists Dashboard, Deployments (highlighted in bg-muted), and Billing. Actions lists Create new project, Invite member, and Toggle dark mode, each with a KbdGroup shortcut. People lists Priya Nair and Jordan Lee with their acme.com emails and avatar thumbnails. The footer carries the arrow and Enter navigation hints.
Groups and items are three separate const arrays. The highlighted row is a single boolean on one pages item; only ever one row highlighted at a time.
Reach for this block to show the command palette design in a spec, prototype, or storybook. In production, replace the static markup with a ui/command sheet driven by your navigation manifest and action registry.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the full three-group palette. Other configurations:
Tip: Kbd shortcuts in the Actions group only earn their space when they are real bindings, document them in the topbar hint too.