shadcn-ui
コンポーネントライブラリではなく、コンポーネント構築のためのテンプレート集。Radix PrimitivesとTailwind CSSを組み合わせた設計。
"This is not a component library. It is how you build your component library."
特徴
- npm依存ではなくソースコードをプロジェクトに取り込むコード所有モデル
- Headless UIベースでスタイルの自由度が高い
- ランタイム依存がなくApp Routerと相性が良い
- Provider不要でRSCと共存可能
従来のUIライブラリとの違い
| 観点 | 従来(MUI, Chakra等) | shadcn/ui |
|---|---|---|
| 導入方法 | npm install | コードをコピー |
| 所有権 | node_modules内 | プロジェクト内 |
| カスタマイズ | 制限あり | 完全に自由 |
| Provider | 必要 | 不要 |