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 を採用している)