125k

2026 年 7 月 - React Aria

React Aria が shadcn/ui のコンポーネント ベースとして利用できるようになりました。

React Aria は、shadcn/ui のファーストクラスのコンポーネント ベースになりました。

React Aria のコンポーネントを Base UI や Radix と組み合わせて構築できます。プロジェクトの作成または初期化時に --base aria を指定するだけで選択でき、依存関係、レジストリの解決、スタイル、コンポーネントのインストールは CLI が処理します。

新着情報

  • ファーストクラスの React Aria ベース - CLI、プリセット、shadcn/create を含め、Base UI や Radix を選べる場所ならどこでも React Aria を選択できます。
  • 完全なコンポーネント ドキュメント - React Aria コンポーネントには、インストール、使用法、構成、例、API リファレンスの各セクションを備えた専用のドキュメントがあります。
  • 全 8 スタイルに対応 - React Aria は Vega、Nova、Maia、Lyra、Mira、Luma、Rhea、Sera のすべてで利用できます。
  • ベース固有の出力 - React Aria の状態セレクターと依存関係は、Aria レジストリ内にスコープされています。既存の Base UI や Radix のコンポーネントに変更はありません。

React Aria から始めましょう

プロジェクトを初期化するときは、aria ベースを使用します。

pnpm dlx shadcn@latest init --base aria

または、shadcn/create で React Aria を選択してください。プロジェクトの初期化後は、shadcn add を実行するとそれぞれのコンポーネントの React Aria 実装がインストールされます。

Base UI はデフォルトのままで、Radix は引き続き完全にサポートされます。既存のプロジェクトは現在のベースのままです。