A collection about github front-end project
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img add Oct 23, 2015
README.md

README.md

GitHub 值得收藏的前端项目

Sponsor

http://microjs.com/#

该网站的资源都托管到了githubmicrojs.com是一个可以让你选择微型的js类库的网站,该网站里的js库都是压缩后不大于5KB的,非常实用

图片描述

https://plainjs.com/(10.22更新)

The Vanilla JavaScript Repository,该仓库都是用原生js写的插件和组件,很实用。里面的项目也都托管到了github

图片描述

目录

综合/资源

  • frontend-dev-bookmarks 一个巨大的前端开发资源清单。star:15000

  • front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860

  • Front-end-Interview-questions 史上最全前端开发面试问题及答案

  • f2e-hub 包含Animation,UI,dialog,Carousels,color,image,workflow等。star:100

  • awesome-javascript 一系列很棒的javascript 库,资源。star:3100

  • fks 前端技能汇总,包含前端知识架构,后端知识,linux,书籍推荐等。star:4000

  • node123 node.js中文资料导航。star:1200

  • mobile-web-favorites 移动端web开发收藏夹。star:200

  • gulp-book Gulp 入门指南

  • Front-end-tutorial 最全的资源教程-前端涉及的所有知识体系。(12.25更新)

  • use-gulp 。gulp资料收集

样式/UI/css

  • Semantic-UI 让你使用任何HTML标签 来表现UI控件。 这是一款语义化设计的前端框架,为攻城师而制作的可复用的开源前端框架。star:17500

图片描述

  • primer CSS风格指南。star:3600

  • glue 一个生成CSS sprites的简单的命令行工具。star:2.5K (7.19更新)

  • postcss 用js插件来对css进行转换,类似Sass的预编译器,但实现了模块化,并且更加强大。star:4.5K(7.31更新)

  • css3 PIE 允许在IE上使用CSS3绝大部分的酷炫功能。官网:http://css3pie.com/

  • mui 轻量级css框架。star:1.5K(10.15更新)

  • img2css 将图片转为纯css的黑科技。star:1.5K(12.25更新)

  • WeUI为微信 Web 服务量身设计。star:8.2K+

  • resume-master 简洁易用的简历生成项目,可部署到github pages在线浏览。

测试/工具

  • mocha 一个简单、灵活有趣的 JavaScript 测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试。 star:6680

  • csscss css代码冗余分析仪,用于分析冗余 。star:2800

  • es6-tools es6 工具集,包括Grunt Tasks,Gulp Plugins,Broccoli Plugins,Brunch Plugins,Webpack plugins等等。star:1860

  • async 一个工具模块,提供了直接而强大的 JavaScript 异步功能。虽然是为 Node.js 设计的,但是它也可以直接在浏览器中使用。star:13000

  • simditor 团队协作工具 Tower 使用的富文本编辑器。star:1300

  • HTMLHint HTML 静态代码分析工具,可以集成到IDE环境或编译系统中。star:900

  • jshint js静态代码分析工具,可以帮你检测js语法错误和潜在的问题。star:5100

  • csslint 分析和优化你的CSS样式表的工具。由Nicholas C. Zakas所写。star:2700

  • protractor 一款端对端的angular apps 测试框架。star:4K

  • casperjs 一个基于PhantomJS的开源导航脚本和测试工具。star:4.8K

  • Karma 自动化完成单元测试,允许你在多个浏览器里执行js代码。让你的TDD变得简单,快速,有趣。star:5.3K

  • jasmine 是一个简易的JS单元测试框架, 用来测试Javascript代码。star:9.1K(6.28更新)

  • chai 一个针对 Node.js 和浏览器的TDD(测试驱动开发)/BDD(行为驱动开发)的断言框架,可与任何 JavaScript 测试框架集成。star:2K(6.29更新)

  • Qunit 一个很容易使用的js单元测试框架,该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。star:3.3K(6.29更新)

构建工具

  • Grunt 基于Node.js的项目构建工具。拥有数量庞大的插件,是一款优秀的前端自动化工具。star:9500+

  • yeoman 一个强健的工具,库,及工作流程的组合。star:960+

  • gulp 基于node.js流的新一代前端构建系统。star:14000+

  • spmCMD 的包管理工具,需要和 Sea.js 配合使用。

canvas/数据可视化

  • echarts 基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。star:6900

  • Chart.js 使用<canvas>标签的简易HTML5图表。star:14600

  • sketch.js 跨平台JavaScript创意编码框架,gzip压缩后仅有2kb。star:1500

  • d3 一个基于数据操作文档的js数据可视化框架,最流行的可视化库之一。star:38000

  • zrender 一个轻量级的Canvas类库,MVC封装,数据驱动,提供类DOM事件模型,让canvas绘图大不同!star:850

  • c3 一个基于 D3.js 的可重用 JavaScript 图表库。几乎零学习曲线。star:4.5K(6.28更新)

  • img2css 将图片转为纯css代码。(11.3更新)

  • highcharts 基于SVG的JavaScript 图表框架

模块管理/加载器

  • ESL 是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。

  • seajs 一个遵循CommonJS规范的JavaScript模块加载器。提供简单、极致的模块化开发体验。star:4100

  • Component 一个模块化的JavaScript框架,同时也是面向前端的包管理器。

  • webpack一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。star:9K

动画

  • animate.css 一个跨浏览器的CSS动画库。简单易用易上手。star:23000

  • move.js 极小的 JavaScript 库,支持 CSS3 的动画效果,非常简单优雅。star:2600

  • TweenJS 是一个简单但强大的 Javascript 动画库。CreateJS 套件的一部分。star:1500

  • bounce.js 一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果。star:3600

  • Swipe 号称最精确的Slider触摸库,专为移动设备优化。star:4.7K

  • tween.js 一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。star:2.5K(7.15更新)

  • parallax.js轻量级的的视差引擎,能对智能设备的方向作出反应。。star:9K (10.17更新)

  • Velocity 是一款和jQuery的$.animate()有相同API的动画引擎。很适合移动端的动画开发,还打包了颜色动画,转换,循环,easing效果,类动画、滚动等功能。star:9.5K(12月25更新)

插件

  • front-end-plugins 前端常用插件汇总

  • jquery.transit 超级流畅的css3 transformations 和 transitions的jQuery插件。 star:7K+

  • zepto.fullpage 专注于移动端的全屏滚动插件。star:510

  • fullPage.js pc端的全屏滚动插件。 star:9500 view demo

  • onepage-scroll 可以轻松建立一个动感的响应式的滚动效果页面,比较适用于单页面的专题站。支持现代浏览器和IE8以上版本。View demostar:7700

  • slick 一款完全响应式的 jQuery 图片滚动插件,能够根据容器自动适应宽度。star:10000 view demo

  • superslides 致力于解决网站大部分特效展示问题。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决! view demo star:1100

  • jQuery-One-Page-Nav 当用户滚动网页时,实现平滑滚动和智能导航。star:1100

  • slider 一个jquery完全开源的JavaScript代码库,用户可以开发,调试和深度定制自己的滑块。star:850 view demo

  • github-hovercard github 鼠标悬停显示用户,仓库等摘要信息。(10.15更新)

  • onepage-scroll 一款带有背景视觉差效果的jQuery整页滚动特效插件。star:8K (10.17更新)view demo

  • justlazy.js 轻量级js图片延迟加载插件。(10.22更新)

  • awesome-browser-extensions-for-github 收集关于github上优秀的浏览器插件。非常实用。star:200 (12.25更新)

框架、库和组件

  • polymer web组件构建框架。一套以“一切皆组件、最少化代码量、最少框架限制”为设计理念的Web UI框架。 star:9900

  • impress.js 创建令人兴奋的演示。使用CSS3的转换和过渡,这个库允许你创建令人印象深刻的演示文稿。view demostar:24300

  • ionic 先进的HTML5 移动端开发框架。帮助开发者使用HTML5, CSS3和js做出不可思议的hybrid appstar:17000

  • reveal.js 基于CSS3的3D幻灯片工具。能够制作绚丽的演示文稿并生成HTML格式,将它发布到web上。star:21500 view demo

  • pure.css 一组很小的,响应式的css组件,你可以在网页的项目上到处使用。star:12000

  • three.jsJavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。star:20000

  • TimelineJS 轻松制作时间轴。star:8000

  • jquery-pjaxajaxpushState的封装,让你可以很方便的使用pushState技术,用以实现页面无刷新加载。star:11500

  • highlight.js javascript语法高亮。既可以运行在浏览器端也可以运行在服务端。star:5500

  • commander.js Node.js命令行工具。star:3800

  • togetherjsMozilla打造的一款可以给网站添加实时协作功能的JavaScript库。star:5K

  • HTML.js 轻量级的简化与DOM操作的js库。view demo star:1.5K

  • MEAN.JS 全栈式javascript,使用MongoDB, Express, AngularJSNode.jsstar:2.2K

  • wechat.js 微信相关的 js 操作:分享、网络、菜单。star:700

  • JavaScript-Load-Image 一个js加载和转换图像文件的库。 star:1.2K view demo

  • progress.js 一个 jsCSS3的库,帮助开发人员为网页上的每个对象创建和管理进度条效果。star:1.6K view demo

  • foundation 号称世界上最先进的响应式前端框架,也是一款Mobile First的框架。star:21K

  • Sugar 一个JavaScript库。它扩展了现有的JS对象的方法,让你可以用更少的代码做更多的事情。star:2.8K

  • todomvc 帮你挑选一款MV*框架,它使用不同的最流行的js MV*框架实现了一个相同的Todo应用。star:13K

  • yepnope.js 这是一个异步的条件加载框架,速度超快,只为用户加载需要的脚本。使用非常简单,非常有用!star:2.5K

  • Material UI 是一个 CSS 框架和一组实现谷歌 Material Design 设计规范的 React 组件。star:8.8K(6.28更新)

  • Pikaday 是一个 JavaScript 日期选择器,特点是轻量级、无依赖和模块化的 CSSstar:2.8K view demo(7.1更新)

  • vuejs 用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。star:6K(7.12更新)

  • meteor 超简单的,数据库无处不在的,用于自动化和简化实时运行的 Web 应用程序的开发。纯JavaScript的Web框架。star:27K(7.12更新)

  • webuploader 一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。支持大文件分片并发上传,极大的提高了文件上传效率。star:1.8K

  • fastclick触摸UI上的消除点击延迟js库。star:1W(10.15更新)

  • wangEditor 轻量级web富文本框。 (10.15更新)

  • benchmark.js是强大的基准测试库,几乎适用于所有JavaScript平台。支持high-resolution定时器,并返回重要的统计结果。star:1.7k(10.15更新)

  • headroom.js是一个轻量级、纯 JS 组件,用来隐藏或展现页面上的元素,为你的页面留下更多展示内容的空间。star:7.5K (10.15更新)

  • tooling 快速开发web app

  • ua-device史上最全面的userAgent解析库,百度FEX出品。

  • judge轻量级js判断类库

  • share.js一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣等。

移动端

  • Swipe 加速移动触摸滑块与硬件之间的转换。star:5000

  • hammer.js 一个支持多点触摸的手势库。star:11000

  • amDoc 无线Web解决方案 - 文档规范指南

  • amazeui 移动优先的跨屏前端框架。面向HTML5开发,使用css3做动画和交互。star:4.1K

  • Zepto 一款面向移动端设备、APIjQuery兼容的基础库。

  • mui 最接近原生APP体验的高性能框架 。star:1.1K(6.28更新)

  • Swiperjavascript打造的滑动特效插件,面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。star:6K(10月18更新)

  • SUI-Mobile由阿里巴巴国际UED前端出品的移动端UI库,轻量精美 star:2K(2016.1.14更新)

  • lib-flexible 淘宝出品的移动端可伸缩布局方案。star:1.3K+(2016.1.14更新)

Node.js相关

  • node-restify node.js REST framework specifically meant for web service APIs。star:5K+

  • http://nodeframework.com/ 专门收集node.jsweb框架的网站。其项目同样均托管在github上。

图片描述

  • nodeclub 使用 Node.jsMongoDB 开发的社区系统。star:3000

  • N-chat 使用 Express + Socket.IO 搭建的多人聊天室 。star:300

  • N-blog 使用 Express + MongoDB 搭建多人博客。star:1800

  • node-inspector 基于Blink开发者工具的Node.js调试器。star:7000

  • node-lessonsNode.js包教不包会。star:2.5K

  • nodePPT 使用nodejs写的网络幻灯片。可能是迄今为止最好的网页版PPTstar:1.6K view demo

  • hexo 一款快捷,简单,强大的博客框架,基于Nodejsstar:5.2K

  • koa 下一代Node.js Web 框架。由 Express 团队设计。star:6.3K

  • awesome-nodejs 关于Nodejs 包和资源的收集。star:7K

  • connect Node平台的中间件框架。Express就是基于Connect开发的。star:5.6K(6.29更新)

  • n node版本管理,tj大神所写。star:2.7K

  • nvm node版本管理,通过bash脚本来管理。star:7.5K

React相关

  • react-styleReact.js 可维护的样式组件

  • react-component 基于reactjs的组件。

  • react-native 一个用React构建native apps的框架。star:15000

  • react-native-guide 汇集了react-native学习资源与各类开源app。star:850

  • awesome-react 关于react的工具,资源,视频的集合。star:700

  • Flux 是一个Facebook开发的、利用单向数据流实现的应用架构,用于 ReactFlux应用有三个主要的部分组成:调度程序、存储和视图(React 组件)。star:6.8K(6.28更新)

  • iscroll 高性能,体积小,无外部依赖,跨平台的滚动组件 star:6K(7.19更新)

  • react-tappable Tappable component for React.(2016,1.4更新)

  • react-native-lesson react-native入门指南.star:1.3K(2016,1.4更新)

  • react-web用React Native构建 web app的框架。star:1.2K+

HTML5

  • html5-boilerplate 一套专业的前端模版,主要用于开发快速、健壮、适应性强的app或网站。star:27K (12.25更新)

  • Browserquest Mozilla开发的HTML5多人在线游戏。star:5200

  • video.js 开源的HTML5和Flash视频播放器。支持自定义进度条、按钮以及工具栏的底色。star:9.1K

  • html5shiv 主要解决HTML5提出的新的元素不被IE6-9识别。star:6K(7.15更新)

  • brunch 快速的前端 HTML5 构建工具。star:4.5K(7.19更新)

  • ulkit 一个轻量级的、模块化前端框架,它被用于快速开发强大的web界面。也是一款优秀的响应式HTML5 框架。star:5.3K (8.3更新)

模板引擎

  • Handlebars.js 一个js语义模板库,能让你轻松高效的编写语义化模板。star:8.6K(6.29 update)

  • artTemplate 性能卓越的 js 模板引擎。star:1.7K

  • jade 一款高性能简洁易懂的模板引擎,JadeHamlJavascript实现。star:8.7K

  • ejs tj大神写的嵌入javascript的模板引擎,主要用于Node

浏览器兼容方案

  • es6-shim 提供兼容性垫片,使ES6能兼容于传统的JavaScript引擎。star:1.5K(7.15更新)

  • Modernizr 用来检测浏览器功能支持情况的JavaScript库,可以检测18项CSS3功能以及40多项关于HTML5的功能。star:16000

  • normalize.css 一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。支持IE8+。star:17000

  • html5shiv 主要解决HTML5提出的新的元素不被IE6-9识别。star:6K(7.15更新)

  • css3please 跨浏览器自动生成css3前缀

  • Babel 是一款为了写下一代js的编译器,无需等待浏览器支持就可以使用新的语法。star:8.3K (7.29更新)

  • f2etest F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。star:1K

菊苣

  • Evan You 前端轻量级框架MVVM框架vue.js作者,前Google工程师。followers:1.6K

  • TJ Holowaychuk Luna 编程语言, Koa, Express, Stylus, Cluster, Mocha, Jade, node-canvas, component 等知名开源项目的创建和贡献者。 followers:14.1K

  • PaulIrish 著名的前端开发工程师,同时他也是Chrome开发者关系团队成员,jQuery团队成员,Modernizr、Yeoman、CSS3 PleaseHTML5 Boilerplatelead developerfollowers:15.7K

  • Mike Bostock 知名可视化库 D3.js的主要作者。followers:8.3K

  • Nicolas Gallagher Normalize.css 作者。followers:3.6K

  • 司徒正美 前端迷你MVVM框架Avalon作者。followers:2.1K

  • sindresorhusgithub 排名第一的大神

其他

  • javascript-style-guide 最合理的使用javascript的方法。 star:18000

  • Mars 腾讯移动Web前端知识库。star:1600

  • brackets 一款使用 HTML,CSS,JavaScript 创建的开源的针对 Web 开发的编辑器。star:23000

  • Ghost Node.js开发最新博客系统, 简单简洁, 响应式设计, 支持完全自定义, 免费, 专注博客。star:16000

  • io.jsNodeJS里分离出来的一条分支。star:13000

  • 2048 游戏 view demo star:7000

  • ueditor 百度前端团队出品的富本文编辑器。star:1.1K

  • electron 使用js,css,html构建跨平台的桌面应用。star:32K+

  • hosts 最新可用的google hosts文件。star:5.4K+

优秀开源组织

  • AlloyTeam 腾讯 Web 前端团队。

  • fex-team 百度前端团队。

  • amfe阿里前端团队,有很多高质量项目和优秀文章

说明

本篇文章会持续更新,欢迎star,可点击上面的watch下拉按钮,选中watching,以后更新会有提醒。