B. Application & Dashboard

Command Palette

A ⌘K palette with groups and shortcuts, nested actions, an AI ask mode, the no-results state and a mobile bottom sheet.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/command-palette

01Global command palette

Uses: AppFrame · Dialog · CommandItemRow · Kbd · KeyboardHint

components/blocks/app/command-palette/01-global.tsx

Uses: AppFrame · Dialog · CommandItemRow · Badge · Kbd

components/blocks/app/command-palette/02-nested-compact.tsx

Uses: AppFrame · Dialog · CommandItemRow · Badge · Button

components/blocks/app/command-palette/03-ai-ask.tsx

Uses: AppFrame · Dialog · EmptyState · Kbd

components/blocks/app/command-palette/04-no-results.tsx

Uses: CommandItemRow · TextField · Badge

components/blocks/app/command-palette/05-mobile-bottom-sheet.tsx