天天看点

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

2、名称:html5-boilerplate

创建者:paul irish

人气:在github上有32,349 stars

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

核心概念/原则:响应式

浏览器支持:firefox, chrome, safari, ie8+,edge,opera

预处理器:none

响应式:yes

模块化:yes

3、名称:meteor

创建者:immir

人气:在github上有31,092 stars

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

预处理器: less

4、名称:semantic ui

创建者: jack lukic

人气: 在github上有22,325 stars

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

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

浏览器支持:firefox, chrome, safari, ie10+ (ie9 with browser prefix only), android 4, blackberry 10。

5、名称:foundation

创建者: zurb

人气: 在github上有22,206+ stars

描述: “世界上最优秀的响应式前端框架”

核心概念/原则: rwd 、手机优先、语义的

浏览器支持: chrome, firefox, safari, ie9+; ios, android, windows phone 7+

预处理器: sass

6、名称:materialize

类别/语言:css

创建者:google

人气:在github上有15,288stars

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

预处理器:sass

浏览器支持:chrome 35+, firefox 31+, safari 7+, ie 10+

7、名称:pure

创建者: yahoo

人气: 在github上有13,161 stars

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

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

浏览器支持:firefox的最新版本, chrome, safari; ie7+; ios 6.x, 7.x; android 4.x

预处理器: none

8、名称:vue

类别/语言:css、javascript

创建者:尤雨溪

人气:在github上有12,214 stars

描述:vue.js 是用于构建交互式的 web 界面的库。它提供了 mvvm 数据绑定和一个可组合的组件系统,具有简单、灵活的 api。

浏览器支持:firefox, chrome, safari, ie10+,android 4.2+,ios 7+

9、名称:skeleton

创建者:dave gamache

人气:在github上有10,622stars

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

浏览器支持:firefox, chrome, safari, ie10+,opera

10.名称: amaze ui

创建者:云适配

最后更新时间:2015年12月

人气:在github上有6425 stars

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

并在2015年11月推出基于 react.js 的专属移动端 web 组件库amaze ui touch。

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

浏览器支持: firefox, chrome, safari, ie8+

11、名称:uikit

创建者: yootheme

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

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

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

预处理器: less, sass

浏览器支持: chrome, firefox, safari, ie9+

12、名称:yui

创建者:yahoo

人气:在github上有3,200+ stars

描述:yahoo! ui library (yui) 是一个开放源代码的 javascript 函数库,为了能建立一个高互动的网页,它采用了ajax, dhtml 和 dom 等程式码技术。它也包含了许多 css 资源。使用授权为 bsd许可证

13.名称:kissy

类别/语言: javascript

创建者:淘宝前端

最后更新时间:2015年7月

人气:在github上有2035 stars

描述:kissy 是一款跨终端、模块化、高性能、使用简单的 javascript 框架。

框架大小: 37 kb

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

14.名称:mui

类别/语言: html、css、javascript

创建者:dclould

最后更新时间:2016年1月

人气:在github上有2012 stars

描述:mui-最接近原生app体验的前端框架框架。

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

响应式: no

15.名称:arale

创建者:支付宝前端

人气:在github上有1252 stars

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

框架大小:未知

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

浏览器支持:firefox, chrome, safari, ie6+

16.名称:jx

类别/语言:javascript

创建者:腾讯前端

人气:在github上有952 stars

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

框架大小: 未知

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

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

17.名称:gmu

创建者:百度前端

人气:在github上有940stars

描述:gmu是基于zepto的mobile ui组件库,提供webapp、pad端简单易用的ui组件! web app。

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

18.名称:zui

创建者:蝉道

人气:在github上有616 stars

描述:开源html5前端框架

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

浏览器支持:未知

19.名称:clouda touch.js

创建者:百度云

人气:在github上有387 stars

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

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

20.名称:arkui

创建者:豆瓣

人气:在github上有129 stars

====================================分割线================================

继续阅读