🛠Tools🔥🔥

shadcn/ui、デフォルトのコンポーネント基盤を Radix から Base UI へ移行

新規プロジェクトのデフォルトが Base UI に変更され、既存ユーザー向けには AI エージェントを活用した段階的な移行スキルが提供される。
リリース: 2026-03-09 · 読了 3

記事の要約

1. 核心(What)

  • shadcn/ui のデフォルトライブラリが Radix から Base UI (v1.6.0) に変更された。
  • Base UI は週次 600 万ダウンロードを記録し、新規プロジェクト作成時の選択比率も Radix の 2 倍に達している。
  • Radix UI は非推奨化されず、今後も継続してサポートおよび新コンポーネントの提供が行われる。
  • AI エージェントによる移行スキルが公開され、コンポーネント単位での段階的な置き換えが可能となった。

2. 影響(Why)

  • 新規開発における標準の刷新: Radix チームが再設計した Base UI を標準とすることで、最新の API 設計とアクセシビリティ機能をデフォルトで享受できる。既存アプリの無理な移行は推奨されず、新規構築時のみの採用が現実的な意思決定となる。
  • 国内 SaaS 開発への影響: 国内の Vertical SaaS や基幹システム開発において、Radix 依存の既存コードベースを抱えるチームは、無理に移行せず現行環境を維持すべきである。新規機能開発や別プロダクトの立ち上げ時に Base UI を選定するのが最適解となる。

3. 根拠・詳細(How)

  • AI エージェントによる移行機構: Claude Code や Cursor 等のスキルとして提供。コンポーネントごとの差分(asChild から render への変更等)を知識ベースとして参照し、プロジェクト内のカスタマイズを維持しつつ 1 コンポーネントずつ型安全に移行可能。
  • 移行パフォーマンスの検証: 60 個のコンポーネント(うち Radix 36 個)を擁するプロジェクトにおいて、約 25 分で全移行を完了。1 コンポーネントあたり約 10k トークンを消費し、ビルド成功と型チェックを保証する。

4. 展望・課題(Next)

  • Radix との併用継続: Radix は引き続きサポート対象であり、新コンポーネントも両ライブラリ向けに並行してリリースされるため、当面は両方のエコシステムが共存する。