👻

【CSS】フレームワーク

2023/07/02に公開

CSSはWebサイトを構築する際に用いられる、スタイルシートのことです。

Bootstrap

BootstrapとはTwitter社が開発したフロントエンドのフレームワークです。

FoundationはZURB社によって開発されたCSSのフレームワークです。
FacebookやYahoo!といった大手企業も採用しています。
Bootstrapに次ぐ人気を持つフレームワークだと言われています。

MaterializeはGoogleが提唱しているマテリアルデザインに基づいたCSSのフレームワークです。
アニメーションを組み込んだフレームワークとなっています。WebサイトやWebアプリケーションを作成することが可能です。

Pure.cssはYahoo!が開発した軽量なCSSのフレームワークです。
機能を最低限にすることで非常に軽量に動作するフレームワークで、マルチデバイスにも対応しています。

Ant Designは中国のAlibabaが開発したCSSのフレームワークです。
React.js用のUIコンポーネントとなっており、商用でも利用できるためBaiduやTencentなど多くの中国企業が利用しています。

BulmaはJeremy Thomas氏が開発したモバイルファーストなCSSのフレームワークです。
Flexboxをベースにしており、モバイルファーストなレスポンシブ対応のインターフェースを構築するために開発されました。

Semantic UIは美しいWebサイトを素早くデザインするために生まれたCSSのフレームワークです。

Panda CSSはEmotionに依存しているChakra UIというUIコンポーネントライブラリがReact Server Componentsに対応するために独自開発したゼロランタイムCSS in JSライブラリです。