-
Notifications
You must be signed in to change notification settings - Fork 0
Home
ABCrimson edited this page Mar 11, 2026
·
4 revisions
Welcome to the modern-cmdk wiki — the definitive command palette engine for the modern web. v1.1.0 — 14/15 benchmarks faster than cmdk, 11 exclusive features, 416 tests passing.
- Installation — Package setup with pnpm, npm, or yarn
- Quick Start — Your first command palette in 2 minutes
- Migration from cmdk — Automated migration with codemods
- Architecture — Three-layer design, state machine, plugin system
- State Machine — Events, state transitions, subscriber pattern
- Search Engine — Fuzzy scoring, incremental filtering, pluggable interface
- Frecency — Frequency x recency ranking with Temporal decay
- Keyboard Shortcuts — Registry, parser, conflict detection
- Telemetry — Pluggable telemetry middleware for analytics
- Compound Components — Command, Input, List, Item, Group, Dialog
- Error Boundary — CommandErrorBoundary with fallback UI
- DevTools — useCommandDevtools() for browser inspection
- Virtualization — Automatic virtual scrolling for large datasets
- Accessibility — WAI-ARIA, forced-colors, screen readers
- WASM Search — Rust trigram index, Web Worker mode, graceful fallback
- Theming — OKLCH color space, CSS custom properties, dark mode
- CSS Customization — 19 CSS custom properties, @layer, logical properties
- GPU Animations — @starting-style, scroll-timeline, spring easing
- ES2026 Features — Iterator Helpers, Temporal, using/await using
- SSR and Next.js — Server-side rendering integration
- TypeScript Integration — Branded types, NoInfer, Disposable patterns
- File Picker — Build a VS Code-like file picker
- Emoji Picker — Emoji search with categories
- AI Chat Commands — Slash commands for AI assistants
- Nested Commands — Multi-level command navigation
- Spotlight Search — macOS Spotlight-style search
- Core API — createCommandMachine, createSearchEngine, FrecencyEngine
- React API — All 14 compound components, hooks, and error boundary
- WASM API — createWasmSearchEngine, createWorkerWasmSearchEngine
- Codemod API — CLI usage and transform details
- VS Code Extension — 10 snippets for fast development
- Create Command CLI — npm create modern-cmdk scaffolding
- Benchmarks — Performance baselines and regression detection
- Development Setup — Clone, install, test, benchmark
- Project Structure — Monorepo layout and conventions
Stack: TypeScript 6.0.1-rc | React 19.3.0-canary | ES2026 | Node.js 25.8.0 | Radix UI | Vitest | Playwright | Biome