i ideas / repo launcher
dip avatar

dip/cmdk

★ 13,117TypeScriptMIT58

Fast, unstyled command menu React component.

What it is

⌘K is a command menu React component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. ⌘K supports a fully composable API How? , so you can wrap items in other components or even as static JSX. All parts forward props, including ref, to an appropriate element. Each part has a specific data-attribute (starting with cmdk-) that can be used for styling.

When to use it

Reach for cmdk when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged combobox, command-menu, command-palette, radix-ui.

Category
UI & Design
Also in
—
Stars
13,117
Forks
382
Last push
1 years ago
Created
2022-07-15
Open issues
81
Website
—
#combobox#command-menu#command-palette#radix-ui#react#typescript

Quick start

$ git clone https://github.com/dip/cmdk.git

Hand it to your AI

Read https://ideas.asveas.com/r/dip/cmdk.md and help me add dip/cmdk to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to cmdk

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

radix-ui avatarprimitivesRadix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.★ 19.5ktremorlabs avatartremorCopy & Paste React components to build modern web applications.★ 3.7kueberdosis avatartiptapThe headless rich text editor framework for web artisans.★ 39kxyflow avatarxyflowReact Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.★ 39kmotiondivision avatarmotionA modern animation library for React and JavaScript★ 35.1kmantinedev avatarmantineA fully featured React components library★ 31.9k

FAQ

What is cmdk?

dip/cmdk is an UI library on GitHub: Fast, unstyled command menu React component. ⌘K is a command menu React component that can also be used as an accessible combobox.

When should I use cmdk?

Reach for cmdk when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged combobox, command-menu, command-palette, radix-ui.

What are the best alternatives to cmdk?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is cmdk actively maintained?

dip/cmdk looks quiet — no recent pushes: the last push was 1 years ago (2025-10-29), with 13,117 stars and 81 open issues.

What license does cmdk use?

dip/cmdk is published under the MIT license. Check the repository's LICENSE file before commercial use.