+αのトッピング形式。(別途JS必須)もはや説明不要のCSSフレームワークの王様です。ver5からjQuery非依存になり高速動作も期待出来ます。MDB等のテーマも充実。(一部動作にJSが必要)こちらも有名で、基本的にCSSオンリーで完結します。VueフレームワークとしてBurfy等の派生もあります。機能拡張パッケージも提供しています。301KBCSSの記述を減らす「ユーティリティファースト」の代名詞的な存在。人気はあるものの開発者によって好き嫌い分かれます。(jQuery依存)昔からBootstrapと同じくらい人気のあるフレームワークです。→https://get.foundation基本的にすべて実装済みのフレームワーク続いて四天王ほど有名ではないがアラートやNavBarまで実装済みの高機能フレームワークを紹介。CSSをより軽量なユーティリティファーストなフレームワークです。482KB開発元がGitHubなだけあって、GitHubのような見た目のアプリを作れます。(jQuery必須)マテリアルデザインが特徴でモバイルとの親和性も良いですが、最終コミットが2年前で今後更新の気配はありません。(JS必須)丸みを帯びたデザインが特徴の明るいテーマでおなじみのフレームワーク。(JS必須)ボタンコンポーネントと言っても、”分岐ボタン”といったユニークな部分まで作り込まれている徹底ぶりが伺えます。→https://semantic-ui.com/elements/button.htmlとにかくシンプル!超軽量フレームワーク続いてちょっとした社内ツールやミニツールにピッタリのシンプルかつ軽量なフレームワークの紹介。(Core)コアCSS+フォーム用CSSといった風に自由に付け足せるトッピング形式が特徴です。グリッドすら分離しているのでグリッド不要なページなどにも有用です。Star数6k超えです。軽量の部類ながら、ダークテーマにも対応。11.1KBこちらはおそらく一番最初に連想する超軽量フレームワーク人が多いのではないでしょうか。軽量ながらレスポンシブなグリッドにも対応してます。8.8KBかつてNode.jsの公式ホームページにも採用されていた、Skeletonに非常に似ているフレームワークです。9KB(core)Pure.cssと同様+αトッピング方式が特徴のフレームワークです。若干ユーティリティファーストの思想も取り込まれています。45.7KB軽量CSSのなかでは割と実装はしっかりとしていますが、プロジェクトのGitHubリポジトリはArchiveになっており更新はありません。→https://minicss.orgクラス付与すら不要なNoクラス単純にHTMLをマークアップするだけ。あとはCSSを読み込むだけでスタイルが適用されるのが特徴のNoクラスフレームワークを紹介。ここらへんから急にマイナーになります。Noクラスは独特な特徴はあまりない印象です。5.49KBNoクラスとして主に海外で人気のフレームワークです。8.45KBNoクラスフレームワークの中では独特なスタイルで作り込まれています。4.5KB今回紹介した中でもっともシンプルなフレームワークです。Markdownパーサー並。→https://newcss.net今から流行る?マイナー&筆者お気に入り最後にあまり有名でないものと筆者お気に入りを紹介して終わります。(JS必須)ビールのアイコンが特徴な比較的モダンなマテリアルデザインフレームワークです。YouTubeやネトフリのCloneデモを見ることが出来ます。38.5KB陰影の無いフラットデザインが特徴のCSSフレームワークです。45KB本稿の著者が超おすすめするフレームワークです。コンポーネントの多さの割に軽量で真四角なデザインが特徴です。β版で開発は終わってしまいましたがとても使い勝手が良いです。Vueに対応した「Vectre」もあります。Systemhttps://www.carbondesignsystem.com/IBMが開発している企業発のオープンソースフレームワークです。Cloudのダッシュボードに使われています。CSS/JS以外にもReact,Angular,Vue,Svelteに対応。