← 技術スタックへ戻る
Tailwind CSS
HTML を離れずにモダンサイトを素早く構築
flex や pt-4、text-center などのユーティリティをマークアップ上で組み合わせ、どんなデザインも作れる CSS フレームワークです。
公式ホームページを基にした要約です。プレビュー高速化のためローカルに保持しています。
ハイライト
- テンプレート内で utility-first スタイリング
- 設定によるデザインシステムトークン
- 未使用クラス除去で本番 CSS を小さく
- React / Next.js / コンポーネントライブラリと相性良
こんなときに
- UI を速く出す
- Utility-first
- マーケとアプリで共通
KU THANH スタックでの位置
LP からプロダクト UI まで使用します。
選ばれる理由
何でも組み立てる
意見の強い UI キットの CSS と戦わず、小さな utility で独自デザインを組めます。
デフォルトでレスポンシブ
ブレークポイント接頭辞でモバイルファーストのレイアウトが読みやすく一貫します。
出荷する CSS を減らす
使うクラスだけが本番に入り、デザインシステムが成長してもページを軽く保てます。