shadcn/ui

shadcn/uiは、Radix UIとTailwind CSSをベースにしたReact向けUIコンポーネント集。 npmパッケージとしてインストールするのではなく、コンポーネントのコードをプロジェクトに直接コピーして使う設計が特徴。

特徴

• コードオーナーシップが自分にある（カスタマイズが自由）
• Radix UI のアクセシビリティ対応コンポーネントが基盤
• Tailwind CSS でスタイリング

参考

• shadcn/ui 公式サイト

関連ライブラリ

shadcn/ui のコンポーネントを拡張・補完するエコシステム。

• Magic UI — アニメーション重視のコンポーネント集
• Animate UI — Motion アニメーション付きコンポーネント
• Aceternity UI — ビジュアルインパクトのあるコンポーネント
• React Bits — インタラクティブなUIパーツ集
• SmoothUI — Tailwind + Motion のコンポーネント
• Kokonut UI — オープンソースのコンポーネント集
• blocks.so — shadcn/ui 向けブロックコンポーネント（60+）
• Tailark — マーケティング向けブロック集