您的位置:首页 > Web前端

github上值得关注的前端项目

2017-03-02 16:38 513 查看
http://microjs.com/#

该网站的资源都托管到了
github
microjs.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更新)


样式/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更新)

测试/工具

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][30]所写。
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更新)


Workflow/构建工具

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


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


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


spm 是 
CMD
 的包管理工具,需要和 
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更新)


模块管理/加载器

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

ESL
 vs 
RequireJS

体积更小 (Smaller)
性能更高 (Higher performance)
更健壮 (More Robustness)
不支持在非浏览器端使用 (Browser only)
依赖模块用时定义 (Lazy define)


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更新)


插件

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


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

onepage-scroll 可以轻松建立一个动感的响应式的滚动效果页面,比较适用于单页面的专题站。支持现代浏览器和IE8以上版本。View
demo 。
star: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
demo。
star:24300


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


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

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


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


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


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


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


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


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


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


MEAN.JS 全栈式javascript,使用`MongoDB, Express,

AngularJS
 和 
Node.js
star:2.2K`

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


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

demo][95]

progress.js 一个 
js
 和 
CSS3
的库,帮助开发人员为网页上的每个对象创建和管理进度条效果。
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
 日期选择器,特点是轻量级、无依赖和模块化的
CSS
star:2.8K
 [view
demo]104



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


移动端

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


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


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

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


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

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

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

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

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


Node.js相关

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



nodeclub 使用 
Node.js
 和 
MongoDB
 开发的社区系统。
star:3000


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


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


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


node-lessons
Node.js
包教不包会。
star:2.5K


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

hexo 一款快捷,简单,强大的博客框架,基于
Nodejs
star: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


nodemon这个库是专门调试时候使用的,它会自动检测 node.js 代码的改动,然后帮你自动重启应用。star:7K+。(2.24.16)

supertestAPI使用流利的API测试
node.js
 http
服务器。3.1K+


React相关

react-style 是 
React.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
开发的、利用单向数据流实现的应用架构,用于
React
Flux
应用有三个主要的部分组成:调度程序、存储和视图(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更新)


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 一款高性能简洁易懂的模板引擎,
Jade
Haml
Javascript
实现。
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更新)


高产大牛

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
Please
HTML5 Boilerplate
lead
developer
followers:15.7K


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


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


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



其他

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


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


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


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


io.js 从
NodeJS
里分离出来的一条分支。
star:13000


2048 游戏 view
demo 
star:7000


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



优秀开源组织

AlloyTeam 腾讯 
Web
 前端团队。

fex-team 百度前端团队。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: