# cmdk

React向けの包括的なコマンドメニューソリューションで、ユーザー体験と開発者の柔軟性の両方を重視しています。

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

⌘Kは、Reactアプリケーション向けの多機能なコマンドメニューコンポーネントです。従来のインタラクティブメニューの表示方法を見直し、項目をほかのコンポーネントやJSXでシームレスにラップできる、組み合わせ可能なAPIを提供します。アクセシビリティを重視しているため、高機能なコンボボックスとしても利用でき、さまざまなユーザーのニーズに対応します。

このコンポーネントは項目の絞り込みと並べ替えを自動で処理し、スムーズなユーザー体験を実現します。メニューの切り替えに使う⌘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=KickstartUI%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=kickstartui)

## 関連項目

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

使いやすく高度にカスタマイズ可能な基本コンポーネントを豊富に備え、アクセシブルなウェブアプリケーションをすばやく効率的に作成できます。

**GitHubスター数**

38.1K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

Reactでユーザーインターフェースを構築するための充実したツールセットを提供し、柔軟性とデザイン基準への準拠を重視しています。

**GitHubスター数**

94.2K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

高品質なウェブアプリやデザインシステムのための、スタイルなしでアクセシブルなオープンソースのReactプリミティブです。

**GitHubスター数**

16.0K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

モダンなウェブアプリケーションの開発を支える、柔軟でアクセシブルなツールキットです。

**GitHubスター数**

228

**更新日**

Dec 26, 2023

**ライセンス**

MIT License

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

このオープンソースのUIソリューションでは、カスタマイズ可能なコンポーネントを使って高度なデザインシステムを作成できます。さまざまなビジュアルスタイルやアクセシビリティ基準に合わせて調整できます。

**GitHubスター数**

3.9K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

セマンティックなクラス名で開発プロセスを効率化し、美しいユーザーインターフェースをすばやく効率的に構築できます。

**GitHubスター数**

34.3K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

最新のデザインシステムとスムーズに連携する、アクセシブルなUIコンポーネント集です。

**GitHubスター数**

26.3K

**更新日**

Dec 6, 2024

**ライセンス**

MIT License

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

ウェブプロジェクトを充実させ、デザインプロセスを効率化する、美しく設計された多用途なコンポーネント集です。
