Tailwindcss

Tailwind CSSはユーティリティファーストのCSSフレームワークです。クラス名を考えて別のスタイルシートを抱える代わりに、役割が一つだけの小さなユーティリティをマークアップ上で直接組み合わせ、HTMLから離れずに画面を仕上げます。すべてのスタイルが意味の固定されたユーティリティなので、デザインは自然と揃い、名前を考える時間も大きく減ります。

余白・色・タイポグラフィ・レスポンシブのスケールからなるデザインシステムが最初から用意され、それを土台に拡張していきます。使わなかったスタイルはビルド結果に含まれません。GitHubのスターは9万6千を超え、コンポーネントライブラリやエディタプラグイン、各フレームワークとの連携が周辺に厚く積み上がっています。ドキュメントはtailwindcss.comにあり、Tailwind LabsがMITライセンスで開発を続けています。