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

2015 年开源前端框架盘点 TOP 20的更多相关文章

  1. 2015年开源前端框架盘点TOP20

    2015年,榜单根据github上star数作为排名依据.(榜单中大部分为组件式框架, react.Angular等基础框架不在此篇讨论) 1.Bootstrap 类别/语言:HTML.CSS.Jav ...

  2. Missra开源前端框架

    Missra开源前端框架,官方网址:http://framework.missra.com

  3. Github上最全的APICloud开源前端框架效果盘点(转)

    1.微信网站几分钟变身“原生 App” 微信推出了微信JS-SDK,使微信公共号可以直接调用微信原生的接口,具备部分原生应用的能力.微信JS-SDK的推出,将大大提高微信公共号的 用户体验,但是如果存 ...

  4. Bootstrap——优秀的开源前端框架

    Bootstrap是著名的社交网站.微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格 ...

  5. JQ-bootstrap我的开源前端框架

        因为实在不知道写啥,所以迟迟没有相关的介绍.但是必须要积累过程资产,所以还是介绍一下,不定哪天就有人用了.       首先还是介绍遇到的问题,我是做传统后台管理系统的,公司赶时髦,要用boo ...

  6. 阿里巴巴开源前端框架--Weex实践

    Weex是最近很火很NB的一个技术产品,因为本篇介绍的是怎样使用Weex的最佳实践,所以就不罗里吧嗦的夸它怎么怎么好了,感兴趣的可以访问Weex HomePage,或加入旺旺群:1330170019. ...

  7. 进阶攻略|最全的前端开源JS框架和库

    新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响 ...

  8. Semantic UI 语义化设计的前端框架

    UI是Web的灵魂!Semantic UI是一款语义化设计的前端框架,为攻城师而制作的可复用的开源前端框架. 特性 弃用有歧义的表述 Semantic是围绕自然交流语言而架构的,这使得开发更加直观(易 ...

  9. 移动APP开发框架盘点2:Web移动前端框架大全

    前言 自上次发布了<移动APP开发框架盘点>后,时间已经过去了三年, 为什么突然又写一篇续集呢?是因为有一个非常有意思的发现. 开源项目其实有一个成熟周期,这个周期大概是三年左右,自Rea ...

随机推荐

  1. 跟我学 NHibernate (二)

    1. 在 NHibernate 中使用事务, 主要代码如下: #region 事务 public IList<Customer> GetAll() { // 开启事物 using (ITr ...

  2. ansible检测链路状态和切换状态

    控制机 ansible.cfg callback_plugins = /usr/share/ansible/plugins/callback:/opt/ansible/plugins/callback ...

  3. AceAdmin In MVC之控件

    AceAdmin有很多Html控件,而下载下来之后全部混杂在一起,想用一个控件有时得调整半天,干脆整理出一个版本,而且结合起来MVC的封装.以后就不用一个js css的调了. 在MVC中Html的控件 ...

  4. JavaScript for...in 语句

    JavaScript for...in 语句 for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作). for ... in 循环中的代码每执行一次,就会对数组的元素或者 ...

  5. 打造一个自动检测页面是否存在XSS的小插件

    前言: 还记得刚玩Web安全时,就想着要是能有一个自动挖掘XSS漏洞的软件就好了.然后我发现了Safe3.JSky.AWVS.Netsparker等等,但是误报太多,而且特别占内存.后来发现了fidd ...

  6. jquery控制元素的淡入淡出切换

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. Sqlserver替换函数Replace

    Sqlserver中Replace函数:实现字段中某个字符串批量替换. 注意:强烈建议替换前备份数据库以免发生灾难性后果. update article set [Content]=replace([ ...

  8. Min Stack [LeetCode 155]

    1- 问题描述 Design a stack that supports push, pop, top, and retrieving the minimum element in constant ...

  9. C#去除List中集合的重复项(类型对象和单一类型)

    去除重复类型对象BookInfo示例: bookList = bookList.Distinct(new DataRowComparer()).ToList(); //去除重复书籍 /// <s ...

  10. C#winform设置DateTimePicker的时间格式

    在对DateTimePicker进行时间格式设置时候,要先对属性Format设置为"Custom"自定义格式,然后再CustomFormat里面进行格式设置 比如"yyy ...