Usage

npm create modern-cmdk my-command-palette

Or with pnpm / npx:

pnpm create modern-cmdk my-command-palette
npx create-modern-cmdk my-command-palette

Templates

| Template | Description | |----------|-------------| | react-basic | Inline command palette with search, items, and groups | | react-dialog | Dialog-based palette with Ctrl+K trigger and overlay | | react-full | Full-featured: dialog, async items, frecency, shortcuts, pages |

Specify a template:

npm create modern-cmdk my-app -- --template=react-dialog

Note: the flag must use the --template=<name> form (with =); a space-separated --template <name> is not parsed.

What you get

my-command-palette/
  src/
    App.tsx          # Command palette component
    main.tsx         # Entry point
  index.html
  package.json       # Dependencies pre-configured
  tsconfig.json      # TypeScript 6 strict mode
  vite.config.ts     # Vite + React plugin

All dependencies are pinned to compatible versions:

• modern-cmdk -- core engine + React 19 adapter
• React 19, TypeScript 6, Vite 8
• Ready to npm install && npm run dev

Requirements

• Node.js >= 26.4.0
• npm, pnpm, or yarn

Links

• Documentation
• modern-cmdk on npm
• GitHub

License

MIT -- Copyright (c) 2026 Crimson Dev