美文网首页H5开发实践程序员IT共论
2015 年开源前端框架盘点 TOP 20

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

作者: IT程序狮 | 来源:发表于2016-01-15 14:18 被阅读526次

    作者:wuhen147
    原文地址:
    http://www.oschina.net/news/69788/2015-opensource-frontend-framework-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是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件。此外,他们还改进动画和过渡,为开发人员提供流畅的体验。
    核心概念/原则:响应式
    浏览器支持: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, 手机优先.
    浏览器支持: Chrome, Firefox, Safari, IE9+
    预处理器:Less, Sass
    响应式: Yes
    模块化: Yes
    官网地址:http://getuikit.com/
    Github地址:https://github.com/uikit/uikit

    12、名称:Yui

    类别/语言:CSS、JavaScript
    创建者:Yahoo
    人气:在Github上有3,200+ stars
    描述:Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证
    核心概念/原则:响应式
    浏览器支持:Firefox, Chrome, Safari, IE10+,Opera
    预处理器: None
    响应式:Yes
    模块化:Yes
    官网地址:http://yuilibrary.com/
    Github地址:https://github.com/yui/yui3

    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

    相关文章

      网友评论

      • 定海小蜗牛:我很讨厌什么能帮你在最短时间完成开发的话你知道我要开发的是什么嘛就敢夸下海口。广告都不敢这么写
      • 我在睡觉:backbone angular?

      本文标题:2015 年开源前端框架盘点 TOP 20

      本文链接:https://www.haomeiwen.com/subject/akehkttx.html