本人几乎每天会在github上更新，欢迎watch，repo地址

特效处理

1. Rythm.js — 一个使您的页面跳舞的JavaScript库。

2. anime — JavaScript动画引擎
   Demo

3. lookforward.js — 在页面跳转时的一些特效
   Demo

4. better-scroll — 一款重点解决移动端（未来可能会考虑 PC 端）各种滚动场景需求的插件。

5. cssFilters — 自定义和Instagram喜欢用React创建的CSS的照片过滤器 【官网】

   【Demo】

6. Liike — 一个小型的js补间库

   【Demo】

7. amplify — 一个允许内嵌图像缩放的小脚本

   【Demo】

8. draggable — 使用draggable完全控制拖放行为

   【官网】

ui相关

1. fitty — 自适应文字大小

2. vuetify — Vue.js的material组件框架2

   【官网】

3. bosket — 前端框架的树视图实现库

4. vant — 来自YouZan的Vue.js 2.0 Mobile UI

   【官网】

图像影音相关

1. react-imgpro — 用于React的图像处理组件
2. geometry-processing-js — 用于web上几何处理的快速通用框架。
3. Youku-HTML5-Player — 告别flash和广告,Youku HTML5播放器扩展
4. style2paints — 新一代线稿上色人工智能AI
5. winamp2-js — 在HTML5和Javascript中重新实现Winamp 2.9

服务端相关

1. r2 — HTTP客户端
2. fastify — 快速和低开销的Web框架，用于Node.js
3. axios — 用于浏览器和node.js的基于Promise的HTTP客户端
4. p-progress — 用于在长时间运行异步操作时向用户报告进度
5. nanoevents — 简单且小巧的事件发射器

import NanoEvents from 'nanoevents'
const emitter = new NanoEvents()

const unbind = emitter.on('tick', volume => {
  summary += volume
})

function disable () {
  unbind()
}

项目开发工具

1. Lozad — 高性能、轻的在纯JS中可配置的惰性加载器，不依赖于图像、框架或是其他

   Demo

2. easy-mock — 一种持久的服务，可以快速生成模拟数据并提供可视化视图。

3. create-react-app — 创建没有构建配置的React应用程序。

4. drone — 缺少Android开发人员的lib manager

5. Nano ID — 一个小巧，安全的URL友好的JavaScript字符串ID生成器。

   [example]

   var nanoid = require('nanoid')
   model.id = nanoid() //=> "Uakgb_J5m9g~0JDMbcJqLJ"
   

6. anu — 一个高性能、精巧的react扩展库

7. api-mocker — 一个接口管理系统

   【官网】

8. gatsby — 基于React的静态站点生成器

9. statty — 一个微小而不引人注目的状态管理库，用于React和Preact应用

代码分析工具

1. Iroh — 动态分析工具，在runtime时拦截、分析和记录javaScript

   【Demo】

2. babel-plugin-sitrep — 使用简单的注释记录函数的所有作业和返回值

3. type-profile — 收集JavaScript代码的运行时类型信息。

4. size-limit — 一个防止js库膨胀的分析工具

5. cqc — 代码质量检查器

6. vue-test-utils — 用于测试vue组件的程序

文件处理

1. react-pdf — 轻松地在您的React应用程序中显示PDF文件。

   Demo

2. jsPDF — 在客户端生成pdf

   【Demo】

数据图表相关

1. D3 — 使用SVG，Canvas和HTML将数据带入生活
2. ngraph.path — 在图表中查找路径
3. billboard.js — 一个基于D3 v4 +的可重用的简单界面JavaScript图表库。

博客

1. clean-code-javascript — 适用于JavaScript的干净代码概念
2. front-end-handbook-2017 — 2017 年，如何学习前端工程，用什么工具来实践？
3. es6tutorial — 一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新增的语法特性。
4. learnVue — Vue.js源码剖析
5. tech-interview-handbook — 面经
6. iCSS — 谈谈一些有趣的 CSS 话题
   73 React-Express-Blog-Demo — React+Express+Mongo ->前后端博客网站

第三方扩展

1. wp-calypso — 使用单页Web应用程序对WordPress仪表板进行了美丽的重新设计

2. Rax — 通用的React兼容渲染引擎

   【官网】

3. styled-system — 把css封装在js中的react组件

4. wxapp-market — 小程序营销组件

5. vue-a11y-calendar — 无障碍、国际化的vue组件

funny stuff

1. Storyboarder — 快速地绘制一个故事，轻松绘制棒状图。

2. react-powerplug — 给你的dumb组件生命

3. Boostnote — 一个开源的多平台笔记应用程序
   【官网】

4. build-a-bot-with-zero-coding — 使用Google表格创建没有后端服务器的Viber调查聊天机器人的示例

5. AR.js — 有效的增强现实的网络 – 60fps在手机上！

6. socket-io-game — 一个多人在线游戏的例子

   【Demo】

7. guitar_bro — 浏览器游戏，帮助您学习吉他

   【Demo】