Command Menu blocks
A command menu is a search-first overlay, usually summoned by a keyboard shortcut, that puts an application's destinations, actions and records behind one field, so people type what they want instead of learning where it lives.
Get Pro to installPro9 blocksReact, Vue and Figma
Checkout redesignOrvain · Design team
People
Ethan ColeDesign · ethan@studio.co
Ava MartinezEngineering · ava@studio.co
Noah ReedProduct · noah@studio.co
Pages
Q3 product roadmapNotion · Product wiki
Onboarding checklistNotion · People team
Launch notesGoogle Drive · Doc
Files
Checkout flowFigma · Edited 2h ago
Icon libraryFigma · Design system
Brand guidelines.pdfDropbox · 4.2 MB
Q3 budget.xlsxGoogle Drive · Spreadsheet
Messages
Ava Martinez: Ship the tokens today?Gmail · 10:42
Noah Reed: Review moved to 15:00Gmail · Yesterday
Every block in the set#
When to use#
- The app has more destinations and actions than a sidebar can hold
- People are in the product daily and want to keep their hands on the keyboard
- One query has to span kinds: files, people, settings and actions together
- You need a jump-back-in surface showing the last things touched before anything is typed
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.
