Tailwind CSS（テールウィンド CSS）

概要

Tailwind CSS はコンポーネントクラスを事前定義しない代わりに、膨大なユーティリティクラスを提供します。JIT（Just-In-Time）コンパイラにより使用クラスのみが出力され、本番バンドルは数 KB に抑えられます。Tailwind v4 では設定を `tailwind.config.ts` から `@theme` ディレクティブを使った CSS ファイルへ移行しました。

shadcn/ui との組み合わせ

shadcn/ui は Tailwind CSS と Radix UI を組み合わせたコンポーネントライブラリです。コンポーネントのコードをプロジェクトに直接コピーして使う設計のため、カスタマイズ性が非常に高く、Next.js + Tailwind の標準スタックとなっています。