radix-ui/primitives

これは何？

主な機能

• 01フォーカス管理とキーボード操作に対応したアクセシブルなコンポーネント。
• 02スタイルを持たない構成要素のため、ビジュアルデザインを自由にカスタマイズできます。
• 03既存のReactコードベースに段階的に導入できます。
• 04Reactプロジェクト向けにTypeScriptで記述されています。

ユースケース

• アクセシブルな基本コンポーネントを基盤に、独自のデザインシステムを構築する。
• フォーカス制御を一から実装せずに、React Webアプリへダイアログ、メニュー、ポップオーバーを追加する。
• 既存のReactアプリケーションのUIレイヤーを段階的にモダナイズする。

クイックスタート

1. 1

   pnpmをグローバルにインストールする

   npm install -g pnpm
2. 2

   プロジェクトの依存関係をインストールする

   pnpm install

使う前に知っておきたいこと

• !READMEにはmonorepoへのコントリビュートに必要なセットアップのみが記載されています。個別のパッケージの使用方法は外部のドキュメントサイトに記載されています。

トピック

よくある質問

primitives とは？

デザインシステムやWebアプリの構築に使える、スタイルを持たないアクセシブルなReact UIプリミティブのオープンソースセットです。 Radix Primitivesは、アクセシビリティ、カスタマイズ性、開発者体験を重視した、React向けの低レベルUIコンポーネントライブラリです。ダイアログ、ポップオーバー、メニュー、タブ、フォームコントロールなどの基本コンポーネントを提供し、フォーカス管理やキーボード操作といった複雑な挙動にも対応します。

primitives は無料で使えますか？ライセンスは？

primitives は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

primitives は今もメンテナンスされていますか？

活発にメンテナンス中。primitives の最終コミットは 2026年10月14日 です。

primitives は何に使えますか？

アクセシブルな基本コンポーネントを基盤に、独自のデザインシステムを構築する。 フォーカス制御を一から実装せずに、React Webアプリへダイアログ、メニュー、ポップオーバーを追加する。 既存のReactアプリケーションのUIレイヤーを段階的にモダナイズする。

primitives のインストール方法は？

pnpmをグローバルにインストールする: npm install -g pnpm プロジェクトの依存関係をインストールする: pnpm install

primitives はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/radix-ui/primitives