Command palette
The keyboard-summoned launcher that exposes every navigable destination and executable action in one input.
Navigation & Command · 9 checks · 35 resources
Before you ship
9- 01Single, discoverable shortcut — Cmd/Ctrl+K, opening from anywhere in the product including inside modals
- 02Unified index — navigation targets, records, settings and executable commands searchable from the same field
- 03Fuzzy matching with ranking — recent and frequent items ranked above alphabetical matches
- 04Grouped, labelled results — sections such as Actions, Pages, Recent, so the result type is never ambiguous
- 05Keyboard shortcut shown beside each command — teaching the direct shortcut for actions that have one
- 06Full keyboard operation — arrow keys to move, Enter to run, Escape to dismiss, with no pointer required
- 07Nested command mode — a selected command can accept a follow-up argument in the same palette without closing it
- 08Contextual commands — actions valid for the current selection surfaced first, and invalid actions omitted rather than shown disabled
- 09Empty and no-match states — the empty state suggests common commands; no-match offers the nearest alternatives
Resources that help you build this
35- ARIA Authoring Practices Guide · W3C's 30 canonical widget patterns with keyboard maps and working HTML examples
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-paste
- Lucide Animated · 467 MIT Lucide icons that animate on hover, with a markdown page for every icon and a skill file written for an agent
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- OpenTUI · React, Solid and TypeScript renderers for terminal UIs, on a native Zig core
- Radix UI · Unstyled accessible React primitives, plus Themes, Colors and Icons
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txt
- Base UI · 37 unstyled React components from the Radix, Floating UI and MUI teams
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcripts
- Fluent 2 · Microsoft's design system: 47 web components plus Windows, iOS and Android kits
- interior.dev · 54 MIT micro-interaction components for React, installable as a shadcn registry
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kit
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUI
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- Algolia SiteSearch · Five drop-in Algolia search and Ask AI experiences as shadcn registry blocks
- moumenlab · shadcn registry of 13 motion-first interaction components, MIT, React 19 + Tailwind v4
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSS
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic