V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
wuhen147
V2EX  ›  程序员

2015 年开源前端框架盘点 TOP20

  •  
  •   wuhen147 · 2016-01-11 14:25:27 +08:00 · 2430 次点击
    这是一个创建于 3029 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    核心概念 /原则:响应式

    预处理器: 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/

    Githua 地址: 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/

    Githua 地址: 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/

    Githua 地址: https://github.com/dcloudio/mui

    15.名称: Arale

    类别 /语言: JavaScript

    创建者:支付宝前端

    最后更新时间: 2015 年 7 月

    人气:在 Github 上有 1252 stars

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

    框架大小:未知

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

    浏览器支持: Firefox, Chrome, Safari, IE6+

    响应式: Yes

    模块化: Yes

    官网地址: http://aralejs.org/

    Githua 地址: https://github.com/aralejs/aralejs.org/

    16.名称: JX

    类别 /语言: Javascript

    创建者:腾讯前端

    最后更新时间: 2015 年 12 月

    人气:在 Github 上有 952 stars

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

    框架大小: 未知

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

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

    模块化: Yes

    官网地址: http://alloyteam.github.io/JX/

    Githua 地址: 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/

    Githua 地址: https://github.com/fex-team/GMU

    18.名称: ZUI

    类别 /语言: HTML 、 CSS 、 JavaScript

    创建者:蝉道

    最后更新时间: 2015 年 7 月

    人气:在 Github 上有 616 stars

    描述:开源 HTML5 前端框架

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

    浏览器支持:未知

    官网地址: http://zui.sexy/

    Githua 地址: https://github.com/easysoft/zui

    19.名称: Clouda Touch.js

    类别 /语言: JavaScript

    创建者:百度云

    人气:在 Github 上有 387 stars

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

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

    模块化: Yes

    官网地址: http://touch.code.baidu.com/

    Githua 地址: https://github.com/Clouda-team/touch.code.baidu.com

    20.名称: Arkui

    类别 /语言: HTML 、 CSS 、 JavaScript

    创建者:豆瓣

    人气:在 Github 上有 129 stars

    模块化: Yes

    官网地址: http://mockee.com/arkui/

    Githua 地址: https://github.com/mockee/arkui

    2 条回复    2023-08-11 16:13:30 +08:00
    xingyue
        2
    xingyue  
       260 天前
    搜 arkui 看到,那时候 vue 和 react 刚开始发力,时代的眼泪呀~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5778 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 02:44 · PVG 10:44 · LAX 19:44 · JFK 22:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.