随着Web 越来越规范和标准的统一,Web组件化技术不断革新以及移动端开发不断升华的今天,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些与时俱进,具有行业代表性的项目能够越来越好,帮助到更多的前端开发者们。
此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架,react、Angular等基础框架不在此篇讨论)
1、 名称:Bootstrap
![1](http://upload.admin5.com/2016/0112/1452581045869.jpg)
类别/语言:HTML、CSS、JavaScript
创建者:Twitter
人气:在Github上有91007 stars
描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。
核心概念/原则: RWD 和移动优先制。
浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js forIE8)
响应式: Yes
模块化: Yes
2、名称:html5-boilerplate
类别/语言:HTML、CSS、JavaScript
创建者:Paul Irish
人气:在Github上有32,349stars
描述:HTML5 Boilerplate 帮你构建快速, 健壮, 并且适应力强的web app或网站。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera
预处理器:None
响应式:Yes
模块化:Yes
3、名称:Meteor
类别/语言:HTML、CSS、JavaScript
创建者:immir
人气:在Github上有31,092 stars
描述:Meteor是新一代的开发即时web应用的开源框架,它能帮助你在最少的时间内完成开发。
核心概念/原则:响应式
预处理器: Less
响应式: Yes
模块化: Yes
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
5、名称:Foundation
类别/语言:HTML、CSS、JavaScript
创建者: ZURB
人气: 在Github上有22,206+ stars
描述: “世界上最优秀的响应式前端框架”
核心概念/原则: RWD 、手机优先、语义的
浏览器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
预处理器: Sass
响应式: Yes
模块化: Yes
6、名称:Materialize
![2](http://upload.admin5.com/2016/0112/1452581045780.jpg)
类别/语言:CSS
创建者:Google
人气:在Github上有15,288stars
描述:Materialize是一个个基于材料设计的一个现代化的响应式前端框架。他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件。此外,他们还改进动画和过渡,为开发人员提供流畅的体验。
核心概念/原则:响应式
预处理器:Sass
响应式:Yes
模块化:Yes
浏览器支持: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
8、名称:Vue
类别/语言:CSS、JavaScript
创建者:尤雨溪
人气:在Github上有12,214stars
描述:Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE9+,Android4.2+,iOS 7+
预处理器:None
响应式:Yes
模块化:Yes
9、名称:Skeleton
类别/语言:CSS、JavaScript
创建者:Dave Gamache
人气:在Github上有10,622stars
描述:Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。
核心概念/原则:响应式
浏览器支持:Firefox, Chrome, Safari, IE10+,Opera
预处理器:None
响应式:Yes
模块化:Yes
10.名称: Amaze UI
![3](http://upload.admin5.com/2016/0112/1452581045985.jpg)
类别/语言:HTML、CSS、JavaScript
创建者:云适配
最后更新时间:2015年12月
人气:在Github上有6425 stars
描述:Amaze UI是国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中,Amaze UI Touch可以帮助开发者通过丰富的组件,快速构建出与原生APP相媲美的专属移动端的HTML5应用。
核心概念/原则:组件化、移动优先、轻量级、高性能。
浏览器支持: Firefox, Chrome, Safari, IE8+
响应式: Yes
模块化: Yes