Motion
Where to Use Command Palette in React Apps
Command Palette is a ⌘K / Ctrl+K universal menu with category chips, recent results, keyboard shortcuts, and row actions. Power-user products ship it when navigation and actions should be searchable from anywhere.
Where teams use Command Palette
Use case 1
Global app navigation
Jump to settings, projects, and people with fuzzy search. Recent results speed repeat visits for daily paths.
Use case 2
Admin action launcher
Operators run suspend user, impersonate, or clear cache from shortcuts. Category chips separate nav from destructive actions.
Use case 3
Docs and help search
Unify in-app routes with help articles in one palette. Row actions open docs in a new tab without losing place.
Use case 4
Design system playground
Internal Storybook-like apps expose components via ⌘K. Shortcuts teach the keyboard culture you want in the product.
Who it is for
Product engineers building keyboard-first navigation and action surfaces.
Try Command Palette on AkmanOS
Open the palette with ⌘K in the preview, then paste copy markdown into your AI assistant to hook Command Palette to your route and action map.
Preview /preview/command-paletteMore in Motion
- AI Chat AgentFull chat agent UI with Orbit avatars, iOS message bubbles, citation typing, model picker, voice input, uploads, and deep think. Explore real product surfaces for the AI Chat Agent component — then open the live AkmanOS preview and copy production-ready source.
- Animated TextCharacter-by-character reveal with blur and spring motion, optional loop. Explore real product surfaces for the Animated Text component — then open the live AkmanOS preview and copy production-ready source.
- Availability SchedulerWeekly hours editor — day toggles, spring time ranges, scrollable picks, and copy across days. Explore real product surfaces for the Availability Scheduler component — then open the live AkmanOS preview and copy production-ready source.
- Bounce SidebarVertical nav with a bouncing indicator that arcs to the active item. Explore real product surfaces for the Bounce Sidebar component — then open the live AkmanOS preview and copy production-ready source.