Trending in open source
1.bodymovin
github:https://github.com/bodymovin/bodymovin
description: After Effect(Abobe Affer Effect简称AE) 插件能直接将动画转成svg，中文使用方法及demo可参考 http://www.mq2014.com/after-effect-zhuan-svg-dong-hua-shen-qi-de-bodymovin-cha-jian.html。 ps:如果有类似的需求设计师可以与前端沟通完成。
下图为grunt图标：
2.freeCodeCamp
github:https://github.com/freeCodeCamp/freeCodeCamp
description:freeCodeCamp是一个基于 MEAN 架构的开源社区，它可以帮助学习编程以及构建他们的非盈利项目，内容以前端为主
3.front-end-handbook-2017
github:https://github.com/FrontendMasters/front-end-handbook-2017
description: 2017年前端工程实践中如何学习及会使用哪些工具库.
电子书下载地址：https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details
4.libretaxi
github:https://github.com/ro31337/libretaxi
description:Uber/Lyft 的开源实现
5.jsmpeg
github:https://github.com/phoboslab/jsmpeg
description: 通过javascript实现的媒体播放器
6.preload-webpack-plugin
github:https://github.com/GoogleChrome/preload-webpack-plugin
description:
1.webpack插件；
2.关于preload的相关知识参考：http://www.tuicool.com/articles/QbiEJbI
3.<link rel="preload"> 兼容性 http://caniuse.com/#search=%3Clink%20rel%3D%22preload%22%3E
7.rxdb
github:https://github.com/pubkey/rxdb
description: 基于javascript的客户端数据库
8.qart.js
github:https://github.com/kciter/qart.js
description: 二维码与图片合成工具
9.react-navigation
github:https://github.com/react-community/react-navigation
description:基于react的导航组件，https://reactnavigation.org/
10.hyperapp
github:https://github.com/hyperapp/hyperapp
description:轻量的javascript工具库
11.tilt.js
github:https://github.com/gijsroge/tilt.js
description: 1.基于jquery轻量的requestAnimationFrame(html5)动画工具库
2.requestAnimationFrame相关：http://www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95/
3.api：http://gijsroge.github.io/tilt.js/