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

2018-06-01 07:11:21 织梦安装使用
  • 文章介绍
实验楼

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

  • 核心概念/原则:响应式

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

  • 预处理器:Sass

  • 响应式:Yes

  • 模块化:Yes

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

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


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]近几年前端技术盘点以及 2016 年技术发展方向

[2]Web前端框架与类库的思考

[3]带你认识Web前端工程师

[4]Web开发从前端、后端、编程语言、到框架的初学指南

点击即可阅读~


    上一篇:html5点击按钮酷炫云雾动画弹出文字..

    下一篇:没有了

    相关文档推荐

    精品模板推荐

    专业的织梦模板定制下载站,在线购买后即可下载!

    商业源码

    跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

    立刻开启你的建站之旅
    
    QQ在线客服

    服务热线

    织梦建站咨询