# cmdk

这个组件为 React 提供了全面的命令菜单解决方案，兼顾用户体验和开发灵活性。

[Website](https://cmdk.paco.me) [GitHub](https://github.com/pacocoursey/cmdk) [npm](https://npmjs.com/package/cmdk)

⌘K 是一款适用于 React 应用的多功能命令菜单组件。它重新构想了传统交互菜单的呈现方式，提供可组合的 API，让开发者能够在其他组件或 JSX 中灵活嵌套菜单项。它注重无障碍访问，也可以作为高级组合框使用，以满足不同用户的需求。

该组件会自动筛选和排序菜单项，带来流畅的用户体验。它支持 ⌘K 等快捷键来切换菜单，能够融入快节奏的工作流程。组件通过数据属性设置样式，便于自定义，同时默认保持简洁、无样式的外观。

它还支持嵌套菜单结构、异步加载，以及高效管理大量菜单项等高级功能，因此适用于各种应用，从简单项目到 Vercel 的命令菜单等复杂项目。它采用现代设计理念，并兼容 React 18，从而提升性能和可靠性。

## 功能

- 可组合的 API
- 支持无障碍访问的组合框功能
- 自动筛选和排序菜单项
- 通过数据属性自定义样式
- 支持键盘快捷键
- 支持嵌套菜单项和分组
- 异步加载菜单项
- 针对最多 3000 个菜单项的大型列表优化性能
- 默认无样式，便于自定义

## 详情

**GitHub 个星标**

10.0K

**NPM 下载量**

1.1M/周

**最新版本**

1.0.4

**创建时间**

Jul 15, 2022

**更新时间**

Dec 6, 2024

**许可证**

MIT License

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20KickstartUI%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=kickstartui)

## 相关项目

### [ChakraUI](https://kickstartui.com/zh/details/chakra-ui/)

借助一套强大、易用且高度可定制的基础组件，快速高效地创建无障碍 Web 应用。

**GitHub 个星标**

38.1K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [MaterialUI](https://kickstartui.com/zh/details/mui/)

这款产品提供一套功能强大的工具，帮助你在 React 中构建用户界面，兼顾灵活性与设计规范。

**GitHub 个星标**

94.2K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Radix Primitives](https://kickstartui.com/zh/details/radix-ui-primitives/)

无样式、无障碍、开源的 React 基础组件，适用于高质量 Web 应用和设计系统。

**GitHub 个星标**

16.0K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Skeleton](https://kickstartui.com/zh/details/skeleton/)

一款灵活且符合无障碍要求的工具包，助力开发现代 Web 应用。

**GitHub 个星标**

228

**更新时间**

Dec 26, 2023

**许可证**

MIT License

### [ArkUI](https://kickstartui.com/zh/details/ark-ui/)

这款开源 UI 解决方案提供可自定义的组件，可适配不同的视觉风格和无障碍标准，助你构建精致的设计系统。

**GitHub 个星标**

3.9K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [daisyUI](https://kickstartui.com/zh/details/daisy-ui/)

这个工具通过提供语义化类名来简化开发流程，帮助开发者快速高效地构建美观的用户界面。

**GitHub 个星标**

34.3K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [HeadlessUI](https://kickstartui.com/zh/details/headless-ui/)

一套无障碍 UI 组件，可轻松适配现代设计系统。

**GitHub 个星标**

26.3K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [MagicUI](https://kickstartui.com/zh/details/magic-ui/)

一套用途广泛、设计精美的组件，可提升 Web 项目品质并简化设计流程。
