コンポーネントライブラリ

  • Mantine(素の CSS ベース)
  • NextUI (Tailwind CSS + React Aria Component)
  • Chakra UI
  • shadcn/ui (Tailwind CSS + Radix)
  • Justd (tailwind css + React Aria Component)
  • dotui(Tailwind CSS + React Aria Component。自動レスポンシブ対応)
  • tremor (Tailwind CSS + Radix UI。管理画面など)
  • React Spectrum(Adobe 製。管理画面など)
  • Yamada UI(Emotion で作られている)
  • Joy UI(MUI を作っているところのデザインが Material じゃない版。Emotion で作られている)

ヘッドレス UI ライブラリ

  • React Aria Components (Adobe が開発。国際化対応なども簡単にできそう)
  • Ark UI (Chakra UI が開発)
  • Radix UI(王道)
  • Base UI(MUI が開発。まだコンポーネントが少ない)
  • Headless UI(Tailwind CSS チームが開発している。対応コンポーネントが少ない)

ベースソリューション

  • CSS Modules
  • Tailwind CSS
  • CSS in JS
    • stylex (Meta 公式。バンドラーの問題で Next.js App Router と一緒に使いづらい)
    • Panda CSS (Chakra UI が開発しているゼロランタイム CSS in JS)
    • Pigment CSS(MUI が開発。まだ正式リリースされていないが Next.js でも使いやすそう)
    • restyle(React v19 の Hoisting を採用している)