2015 年开源前端框架盘点 TOP20

2015 年已经过去了，作为一个前端开发者，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些项目能够越来越好，帮助到更多的前端开发者们。

此榜单根据 github 上 star 数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。

1 、名称： Bootstrap

类别 /语言： HTML 、 CSS 、 JavaScript

创建者： Twitter

人气：在 Github 上有 91007 stars

描述：主流框架中毋庸置疑的老大， Bootstrap 是基于 HTML 、 CSS 、 JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

核心概念 /原则: RWD 和移动优先制。

浏览器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)

响应式: Yes

模块化: Yes

官网地址： http://getbootstrap.com/

Github 地址： https://github.com/twbs/bootstrap

2 、名称： html5-boilerplate

类别 /语言： HTML 、 CSS 、 JavaScript

创建者： Paul Irish

人气：在 Github 上有 32,349 stars

描述： HTML5 Boilerplate 帮你构建快速, 健壮, 并且适应力强的 web app 或网站。

核心概念 /原则：响应式

浏览器支持： Firefox, Chrome, Safari, IE8+,Edge,Opera

预处理器： None

响应式： Yes

模块化： Yes

官网地址： https://html5boilerplate.com/

Github 地址： https://github.com/h5bp/html5-boilerplate

3 、名称： Meteor

类别 /语言： HTML 、 CSS 、 JavaScript

创建者： immir

人气：在 Github 上有 31,092 stars

描述： Meteor 是新一代的开发即时 web 应用的开源框架，它能帮助你在最少的时间内完成开发。

核心概念 /原则：响应式

预处理器: Less

响应式: Yes

模块化: Yes

官网地址： https://www.meteor.com

Github 地址： https://github.com/meteor/meteor/

4 、名称： Semantic UI

类别 /语言： HTML 、 CSS 、 JavaScript

创建者: Jack Lukic

人气: 在 Github 上有 22,325 stars

描述: “基于自然语言有效原则的 UI 组件框架”

核心概念 /原则: 语义，标签的矛盾性、响应式

浏览器支持： Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10 。

预处理器: Less

响应式: Yes

模块化: Yes

官网地址： http://semantic-ui.com/

Github 地址： https://github.com/Semantic-Org/Semantic-UI

5 、名称： Foundation

类别 /语言： HTML 、 CSS 、 JavaScript

创建者: ZURB
人气: 在 Github 上有 22,206+ stars
描述: “世界上最优秀的响应式前端框架”
核心概念 /原则: RWD 、手机优先、语义的

浏览器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
预处理器: Sass
响应式: Yes
模块化: Yes

官网地址： http://foundation.zurb.com/

Github 地址： https://github.com/zurb/foundation-sites

6 、名称： Materialize

类别 /语言： CSS

创建者： Google

人气：在 Github 上有 15,288stars

描述： Materialize 是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作，为您提供默认的样式，结合了您的自定义组件。此外，他们还改进动画和过渡，为开发人员提供流畅的体验。

核心概念 /原则：响应式

预处理器： Sass

响应式： Yes

模块化： Yes

官网地址： http://materializecss.com

Github 地址： https://github.com/Dogfalo/materialize

浏览器支持： Chrome 35+, Firefox 31+, Safari 7+, IE 10+

7 、名称： Pure

类别 /语言： CSS

创建者: Yahoo

人气: 在 Github 上有 13,161 stars

描述: “您可以在每一个 web 项目中使用的一组小的和响应式的 CSS 模块”

核心概念 /原则:SMACSS,极简的.

浏览器支持： Firefox 的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

预处理器: None

响应式: Yes
模块化: Yes

官网地址： http://purecss.io/

Github 地址： https://github.com/yahoo/pure

8 、名称： Vue

类别 /语言： CSS 、 JavaScript

创建者：尤雨溪

人气：在 Github 上有 12,214 stars

描述： Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API 。

核心概念 /原则：响应式

浏览器支持： Firefox, Chrome, Safari, IE10+， Android 4.2+， iOS 7+

预处理器： None

响应式： Yes

模块化： Yes

官网地址： http://vuejs.org/

Github 地址： https://github.com/vuejs/vue

9 、名称： Skeleton

类别 /语言： CSS 、 JavaScript

创建者： Dave Gamache

人气：在 Github 上有 10,622stars

描述： Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。 Skeleton 基于 960 grid 开发。它是一个 UI 框架。

核心概念 /原则：响应式

浏览器支持： Firefox, Chrome, Safari, IE10+,Opera

预处理器： None

响应式： Yes

模块化： Yes

官网地址： http://www.getskeleton.com

Github 地址： https://github.com/dhg/Skeleton

10.名称： Amaze UI

类别 /语言： HTML 、 CSS 、 JavaScript

创建者：云适配

最后更新时间： 2015 年 12 月

人气：在 Github 上有 6425 stars

描述：国内首个开源 HTML5 跨屏前端框架，中文排版支持更优、本土化组件丰富。

并在 2015 年 11 月推出基于 React.js 的专属移动端 Web 组件库 Amaze UI touch 。

核心概念 /原则：组件化、移动优先、轻量级、高性能。

浏览器支持： Firefox, Chrome, Safari, IE8+

响应式: Yes

模块化: Yes

官网地址： http://amazeui.org/

Githua 地址： https://github.com/amazeui/amazeui

11 、名称： UIkit

类别 /语言： HTML 、 CSS 、 JavaScript

创建者: YOOtheme

人气: 在 Github 上有 6,050+ stars

描述: “一个轻量级的和模块化的前端框架,用于快速开发和功能强大的 web 接口。”

核心概念 /原则:RWD, 手机优先.

预处理器: Less, Sass

响应式: Yes

模块化: Yes

官网地址： http://getuikit.com/

Github 地址： https://github.com/uikit/uikit

浏览器支持： Chrome, Firefox, Safari, IE9+

12 、名称： Yui

类别 /语言： CSS 、 JavaScript

创建者： Yahoo

人气：在 Github 上有 3,200+ stars

描述： Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了 AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD 许可证

核心概念 /原则：响应式

预处理器: None

响应式： Yes

模块化： Yes

官网地址： http://yuilibrary.com/

Github 地址： https://github.com/yui/yui3

浏览器支持： Firefox, Chrome, Safari, IE10+,Opera

13.名称： kissy

类别 /语言： JavaScript

创建者：淘宝前端

最后更新时间： 2015 年 7 月

人气：在 Github 上有 2035 stars

描述： KISSY 是一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。

框架大小: 37 KB

核心概念 /原则: 模块化，跨终端，高扩展性

模块化: Yes

官网地址： http://docs.kissyui.com/

Githua 地址： https://github.com/kissyteam/kissy/

14.名称： MUI

类别 /语言： HTML 、 CSS 、 JavaScript

创建者： Dclould

最后更新时间： 2016 年 1 月

人气：在 Github 上有 2012 stars

描述： MUI-最接近原生 App 体验的前端框架框架。

核心概念 /原则: 多端发布、高性能

响应式: NO

模块化: Yes

官网地址： http://dev.dcloud.net.cn/mui/

Githua 地址： https://github.com/dcloudio/mui

15.名称： Arale

类别 /语言： JavaScript

创建者：支付宝前端

最后更新时间： 2015 年 7 月

人气：在 Github 上有 1252 stars

描述： Arale 是一个开放、简单、易用的前端基础类库。

框架大小:未知

核心概念 /原则: 开放、简单、易用

浏览器支持： Firefox, Chrome, Safari, IE6+

响应式: Yes

模块化: Yes

官网地址： http://aralejs.org/

Githua 地址： https://github.com/aralejs/aralejs.org/

16.名称： JX

类别 /语言： Javascript

创建者：腾讯前端

最后更新时间： 2015 年 12 月

人气：在 Github 上有 952 stars

描述： JX 是模块化的非侵入式 Web 前端框架，特别适合构建和组织大规模、工业级的 Web App 。

框架大小: 未知

核心概念 /原则: 保持最优执行效率

浏览器支持：兼容主流浏览器

模块化: Yes

官网地址： http://alloyteam.github.io/JX/

Githua 地址： https://github.com/AlloyTeam/JX

17.名称： GMU

类别 /语言： HTML 、 CSS 、 JavaScript

创建者：百度前端

最后更新时间： 2015 年 12 月

人气：在 Github 上有 940stars

描述： GMU 是基于 zepto 的 mobile UI 组件库，提供 webapp 、 pad 端简单易用的 UI 组件! Web App 。

核心概念 /原则: 简单易用、轻量级

模块化: Yes

官网地址： http://gmu.baidu.com/

Githua 地址： https://github.com/fex-team/GMU

18.名称： ZUI

类别 /语言： HTML 、 CSS 、 JavaScript

创建者：蝉道

最后更新时间： 2015 年 7 月

人气：在 Github 上有 616 stars

描述：开源 HTML5 前端框架

核心概念 /原则:简单易用、轻量级、易于定制

浏览器支持：未知

官网地址： http://zui.sexy/

Githua 地址： https://github.com/easysoft/zui

19.名称： Clouda Touch.js

类别 /语言： JavaScript

创建者：百度云

人气：在 Github 上有 387 stars

描述： Touch.js 是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

核心概念 /原则: 无入侵设计、媲美原生的交互、极简的 API

模块化: Yes

官网地址： http://touch.code.baidu.com/

Githua 地址： https://github.com/Clouda-team/touch.code.baidu.com

20.名称： Arkui

类别 /语言： HTML 、 CSS 、 JavaScript

创建者：豆瓣

人气：在 Github 上有 129 stars

模块化: Yes

官网地址： http://mockee.com/arkui/

Githua 地址： https://github.com/mockee/arkui