推荐的前端开源开发框架

今天我想分享9个流行而强大的前端开源框架，帮助您轻松构建一个漂亮的网站前端。

1、 引导

Bootstrap无疑是最流行的CSS框架。它是Twitter开发的最早的Web前端框架。Bootstrap还提供了许多示例来帮助您入门。

使用Bootstrap，您可以组合不同的组件和布局来创建有趣的页面设计。它还提供了许多详细的文档。

2、 图案（&F）

PatternFly是Red Hat的开源CSS框架。与Bootstrap不同，Bootstrap是为那些想要创建漂亮网站的人设计的。PatternFly专注于企业app开发人员，提供条形图、图表和导航等组件。事实上，Red Hat使用它来创建OpenShift。

除了静态HTML，PatternFly还支持ReactJS框架，这是一个由Facebook开发的流行JavaScript框架。PatternFly为企业app提供了许多高级组件，如条形图、图表、模式和布局。

3、 web的材质组件

web材料组件（MDC web）是Google专门为web设计的一个新的前端框架。MDC Web可以帮助开发人员执行材料设计，组件由谷歌的核心工程师团队和用户体验设计师开发。这些组件可以建立可靠的开发工作流，以构建漂亮而强大的Web项目。

4、 纯开源

Bootstrap、Patternfly和MDC Web是非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，你可以尝试PureCss，它更接近CSS编程，但可以帮助你构建一个好的网页。Pure是一个轻量级的CSS框架，占地面积最小。它由雅虎开发，在BSD许可下是开源的。

5、 基础

基金会声称是世界上最先进的响应式前端框架。它提供了构建专业网站的高级功能和教程。许多公司和组织使用该框架，并且该框架有大量可用的文档。

6、 布尔马牌手表

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提供了详细的文档，帮助您快速入门。

8、 具体化

Materialize是一种基于Material Design风格的现代响应式前端框架，它解决了最艰巨的工作，并为您提供了与自定义组件相结合的默认样式。Materialize的文档页面非常全面，易于理解。它的组件页面包括按钮、卡片、导航等。

9、 Bootflat公司

Bootlat是一个源于Twitter Bootstrap的开源CSS框架。与Bootstrap相比，Bootstrap更简单、更轻。看起来，Bootlat的文件几乎受到了宜家的启发。其中大多数是没有太多文本的图像。

（app视图模型）框架是统软云的框架之一，它更接近于原始的编程体验。它提供了一个简单的模型来分离app的用户界面、业务逻辑和数据模型。它适用于高度定制的项目。它可以一次性编码，可以同时开发Android、iOS、小程序和其他多端app。