Fri Nov 22 2024

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

  • 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 (v4からはzero configで使用できそう)
  • 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 を採用している)