Reactコンポーネントライブラリの比較 · 2026
shadcn/ui vs Radix
Radix UIはスタイルの付いていない、アクセシブルなReactプリミティブのセットで、挙動とARIA対応だけを提供し、見た目は含みません。shadcn/uiはRadixの上に構築されており、Tailwindベースでスタイル付けされたコンポーネントを自分のコードベースにコピーして完全に自分のものにできます。
パッケージとしてインストールするのではなく、自分のコードベースに直接コピーして使うUIコンポーネント。
- カテゴリー
- React UIコンポーネントライブラリ
- ウェブサイト
- ui.shadcn.com
- タグ
- shadcn
Reactのインターフェースを構築する際に自由にスタイリングできる、アクセシブルでスタイル未適用のUIプリミティブ。
- カテゴリー
- React UIコンポーネントライブラリ
- ウェブサイト
- radix-ui.com
- タグ
- ReactAccessible
shadcn/ui vs Radix：どちらを選ぶべき？
スタイリングを完全にコントロールしたく、その下に堅牢でアクセシブルな挙動だけが欲しいならRadixを選びましょう。見栄えの良い既製のコンポーネントから始めつつ、自由に編集し続けたいならshadcn/uiが向いています。そもそもチームがRadixを使う入り口になっていることも多いのです。
参考までに、Designeer ではshadcn/ui も次のタグが付いています： shadcn、Radix も次のタグが付いています： react と accessible。タグは各ツール自身の説明に基づくもので、採点によるベンチマークではありません。