今天就和大家分享9个流行的、强大的前端开源框架，帮助你轻松构建漂亮的网站前端。下面来和小编一起看一看吧!
1、Bootstrap
Bootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。
使用Bootstrap，你可以将不同的组件和布局组合在一起，从而创建有趣的页面设计。它还提供了大量详细的文档。目前在Github上已经有1100多个贡献者，19000多个提交。(Github地址：https://github.com/twbs/bootstrap)
2、PatternFly
PatternFly是Red
Hat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上Red
Hat就是使用它创建了OpenShift。
除了静态HTML，PatternFly还支持ReactJS框架，这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件，如条形图，图表，模式和布局。
PatternFly在GitHub上一共有1,050多个提交和44个贡献者。(Github地址：https://github.com/patternfly/patternfly)
3、MaterialComponentsfortheweb
MaterialComponentsfortheweb(MDCWeb)，是谷歌专为Web设计的全新前端框架。MDC
Web可帮助开发人员执行Material
Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。
MDC
Web在Github上共有5700多个提交和349个贡献者。(Github地址：https://github.com/material-components/material-components-web)
4、Pure
Bootstrap，Patternfly和MDC
Web是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。
Pure在Github上共有565多个提交和59个贡献者。(Github地址：https://github.com/pure-css/pure)
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。
Foundation在Github上有将近17000个提交和1000个贡献者。(Github地址：https://github.com/foundation/foundation-sites)
6、Bulma
Bulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。它还具有许多Web组件，你可以在设计中使用它们。
Bulma在Github上有1400多个提交和300个贡献者。(Github地址：https://github.com/jgthms/bulma)
7、Skeleton
如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。
Skeleton在Github上共有167个提交和22个贡献者，但它不是最活跃的项目，它最新一次的更新是在2014年。(Github地址：https://github.com/dhg/Skeleton)
8、Materialize
Materialize是一个基于Material
Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。
Materialize在Github上共有3800多个提交和250个贡献者。(Github地址：https://github.com/Dogfalo/materialize)
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。
Bootflat是在MIT许可证下开源的，在Github上有159个提交和8个贡献者。(Github地址：https://github.com/bootflat/bootflat.github.io)
以上就是小编今天为大家分享的关于Web前端开发必备的开源框架有哪些的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！
开源最前线(ID：OpenSourceTop)猿妹编译
链接：#/article/20/4/open-source-css-frameworks
现在用的最多的就是bootstrap。1、
BootStrap
（响应式）
时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2.
Foundation
（MIT；响应式）
最先进的响应式前端框架。
3.
960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4.
Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5.
99lime
HTML
KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6.
Kube（Free；响应式）
面向专业人员的CSS框架。
7.
Less
Framework（MIT；响应式）
自适应的CSS网格系统。
8.
Flameinwork（Free）
适合懒人开发者的前端微框架。
9.
G5
Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10.
Easy
Framework（Free）
Easy
Framework是一个一体化前端解决方案，分structural、
presentational、interactive三层。
11.
Blueprint（Free）
一个旨在减少开发时间的前端框架。
12.
YAML（Creative
Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13.
BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14.
YUI3:Grids
CSS（BSD）
YUI
Grids
CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。
YUI
Grids
CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15.
52framework（Creative
Commons）
对HTML5支持非常好，简单易用。
16.
elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17.
Emastic（Free）
一个与众不同的CSS框架。
18.
Fluid
960
Gride
System（GPL/MIT）
Fluid
960
Grid
System的模版是根据Nathan
Smith之前的作品而创建的。即960
Grid
System：传承了MooTools和jQuery
JavaScript
libraries的效果。
19.
xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20.
EM
CSS
Framework（MIT/GPL）
EM
CSS
Framework提供了一个960px宽
+
12
列网格系统
+
CSS的通用样式。
