今天就和大家分享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
前端开发者的都知道3大框架:Angular,Vue,React。但是除了这三个框架以外的前端框架还有那些？下面具体介绍下前端都有哪些框架：一．前端UI框架1.bootstrap框架，它来自 Twitte，是目前最受欢迎的前端框架。具有简洁、直观的前端开发特点。2.EasyUI框架，EasyUI是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。通过使用easyui不需要写很多代码，只需要通过编写一些简单HTML标记，就可以定义用户界面。二．前端框架1.Node.js框架。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2.Vue.js框架。 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API。3.React框架。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，是一个用于构建用户界面的 JAVASCRIPT 库。4.Angular.Js框架。angular.Js框架是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签。1、Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。
中文官网：http://www.bootcss.com/
2、React 是Facebook 开发的框架，用于构建页面、javascript库。主要功能是对DOM操作，声明式设计，更快的开发出web应用系统
官网地址：http://react-china.org/
3、Semantic UI是一个完全语义化的前端CSS界面开发框架，跟 Bootstrap 比起来更加丰富些，不那么单一，在用户体验、样式都很丰富
官网地址：http://www.semantic-ui.cn/
4、Foundation by ZURB是开发适应各种设备上的前端框架，主要开发响应式web应用框架，提供很丰富的DEMO实例，学起来也非常方便上手，也提供丰富的图标库。
官网地址：http://www.foundcss.com/
5、Amaze UI是轻量级的前端应用框架，是国内比较流行的框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。
官网地址：http://amazeui.org/
6、Pure是雅虎公司开发的轻量级、响应式CSS框架，整个框架包也是非常的小，官网也提供许多实例进行学习，对于开发小型系统界面样式可以考虑使用Pure,因为小巧方便。
官网地址：https://www.purecss.cn/
