2015 年开源前端框架盘点 TOP 20

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/

Github地址: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/

Github地址: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/

Github地址:https://github.com/dcloudio/mui

15.名称:Arale

类别/语言: JavaScript

创建者:支付宝前端

最后更新时间:2015年7月

人气:在Github上有1252 stars

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

框架大小:未知

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

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

响应式: Yes

模块化: Yes

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

Github地址:https://github.com/aralejs/aralejs.org/

16.名称:JX

类别/语言:Javascript

创建者:腾讯前端

最后更新时间:2015年12月

人气:在Github上有952 stars

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

框架大小: 未知

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

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

模块化: Yes

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

Github地址: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/

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

 

18.名称:ZUI

类别/语言: HTML、CSS、JavaScript

创建者:蝉道

最后更新时间:2015年7月

人气:在Github上有616 stars

描述:开源HTML5前端框架

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

浏览器支持:未知

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

Github地址:https://github.com/easysoft/zui

19.名称:Clouda Touch.js

类别/语言:JavaScript

创建者:百度云

人气:在Github上有387 stars

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

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

模块化: Yes

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

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

20.名称:Arkui

类别/语言:HTML、CSS、JavaScript

创建者:豆瓣

人气:在Github上有129 stars

模块化: Yes

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

Github地址:https://github.com/mockee/arkui

来源:http://www.oschina.net/news/69788/2015-opensource-frontend-framework-top20

如果你……看后就沉默了(值得一看)

1、人生有三样东西是无法隐瞒的:
咳嗽、贫穷和爱;你想隐瞒,却欲盖祢彰。
2、人生有三样东西是不该挥霍的;
身体、金钱和爱;你想挥霍,却得不偿失。
3、人生有三样东西是无法挽留的:
生命、时间和爱;你想挽留,却渐行渐远。
4、人生有三样东西是不该回忆的:
灾难、死亡和爱;你想回忆,却苦不堪言。
5、人生最悲哀的:并不是昨天失去的太多,
而是沉浸于昨天的悲哀之中。
6、人生最愚蠢的;并不是没有发现眼前的陷阱,
而是第二次又摔了进去。
7、人生最寂寞的;并不是想等的人还没有来,
而是这个人已从心里走了出去。
8、人生最卑鄙的;并不是点燃了一根导火索,
而是看到爆炸后的效果。
9、人生最肮赃的:并不是出卖了自己的肉体,
而是出卖了自己的灵魂。
10、人生最痛苦的;并不是没有得到所爱的人,
而是所爱的人一生没有得到幸福。
11、人生最幸福的;并不是终于得到了一束花,
而是永远被花包围着。
12、人生最快乐的;并不是别人给你带来快乐,
而是你给别人带来快乐。
13、人生最富有的:并不是拥有一座金山,
而是拥有一座金山买不到的东西。
14、人生最高尚的:并不是别人还记得你的好,
而是自己忘记了给别人的好处。
15、特别警惕三种人:
(1)官不大,特能办事的人。
(2)挣钱不多,特能花钱的人。
(3)不太熟,特能套词的人。
16、做好人,靠的是一颗善良的心。
做老好人,靠的是一张善变的脸。
17、不要说自己有多好,别人一般不会相信。
不要说自己有多坏,别人一般都会相信。
18、得意时,朋友认识了你。
落难时,你认识了朋友。
19、是非窝里;人用口、我用耳。
热闹场中;人向前、我退后。
此文章不收藏着实在可惜

很喜欢这些句子,因为句句说到心坎上

喜欢一个人是一种感觉,不喜欢一个人却是事实。事实容易解释,感觉却难以言喻。“爱”和“喜欢”的区别很简单,如果你爱花你会给它浇水,喜欢则会摘下它!

1. 朋友就像人民币 ,有真有假 。

2. 难过时吃一粒糖,告诉自己生活是甜的!

3. 人生就像骑单车,想保持平衡就得往前走。

4. 你出生的时候,你哭着,周围的人笑着;在生命的尽头,你笑着,而周围的人在哭着。所谓人生,不过如此,何不快快乐乐走一朝。微笑面对,勇敢体会。

6. 当朋友忽略你时,不要伤心,每个人都有自己的生活,谁都不可能一直陪你。

7. 喜欢一个人是一种感觉,不喜欢一个人却是事实。事实容易解释,感觉却难以言喻。“爱”和“喜欢”的区别很简单,如果你爱花你会给它浇水,喜欢则会摘下它!

8. 单身意味着你足够坚强,有足够耐心去等待那个值得拥有你的人。

9. 人生朋友分三种:一辈子的,一杯子的,一被子的。得意时,朋友们认识了你;落难时,你重新认识了朋友。

10. 心烦时,记住三句话:1、算了吧。2、没关系。3、会过去的。

11. 一个哦字, 打破了所有想说的话题。

12. 一句简单的“呵呵”涵盖了多少真情。

13. 有多少人,发表QQ签名或QQ说说只是为了让某人看见。

14. 当 我 对 你 越 来 越 礼 貌 时 , 我 们 或 许 就 越 来 越 陌 生 了…

15. 原来只要分开了的人,无论原来多么熟悉,也会慢慢变得疏远。

16. 不要轻易把伤口揭开给别人看、因为别人看得是热闹、而痛得却是自己。

17. 如果你没有经历过别人所经历的事情,就不要去评判一个人的过去!

18. 再轰轰烈烈的情侣,也比不上平平淡淡的父母。

19. 在父母有限的时间里,可不可以不要与他们有限的交流。

20. 谁还记得那个广告:一个小男孩颤颤巍巍得端着一盆水、走进房间:“妈妈、洗脚!”