web前端卡片样式_干货盘点 | Web前端开发必备的9个开源CSS框架

公众号：开源最前线

Web 前端开发是一项很特殊的工作，具体来看，它有三大传统特点：知识量多且杂；前端开发边界不断拓展；技术迭代速度快，尤其是各种开发框架更是层出不穷。对于从事 Web 前端开发的程序员来说，找到合适的开发框架，可以帮助自己轻松构建漂亮的网站前端。

日前，公众号“开源最前线(ID：OpenSourceTop)”分享了 9 个流行的、强大的前端开源框架，希望能给你带来帮助。

1. Bootstrap

它由 Twitter 开发，是最流行的 CSS 框架，也是最早的 Web 前端框架。

你可以使用 Bootstrap 将不同的组件和布局组合在一起，从而创建有趣的页面设计。它提供了许多示例来帮助你入门，并提供了大量详细的文档。

2. PatternFly

这是 Red Hat 的开源 CSS 框架，和 Bootstrap 的不同之处在于，PatternFly 主要专注于为企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，而 Bootstrap 是为那些想要创建漂亮网站的人而设计的。

除了静态 HTML，PatternFly 还支持 React.js。此外，PatternFly 还具有许多适用于企业级应用程序的高级组件，如图表、模式和布局。

3. MDC Web(Material Components for the Web)

这是谷歌专为 Web 设计的全新前端框架，它可以帮助开发人员执行 Material Design，实现可靠的开发工作流程，以构建美观实用的 Web 项目。

4. Pure

Bootstr