本文收集了 Javascript/CSS3/HTML5 动画/动效开发过程中会使用到的资料、问题以及第三方组件库。本文不是一遍关于如何学习动画动效开发的入门指南,也非参考手册,只是一些资料的整理。
本仓库中的资料整理自网络,也有一些来自网友的推荐。
- anime.js ★29k+ - web 前端攻城狮超爱的 JS 动画库插件
- Velocity.js ★15k+ - 移动 H5 前端开发工具推荐:轻量级 JS 动画库
- TweenJS - 一个简单但功能强大的 Javascript 补间/动画库
- Snap.svg ★11k+ - 现代 SVG 图形的 JavaScript 库
- Animo.js - 强大的 CSS 动画管理工具
- move.js - JavaScript 控制的 CSS3 动画框架
- Rekapi - JavaScript 的关键帧动画库
- favico.js - 轻松添加带有徽章,图像或视频的动画效果图标
- Textillate.js - 一个用于 CSS3 文本动画的 jquery 插件
- animates.css ★57k+ - 一个跨浏览器的 CSS 动画库
- magic.css - 具有特殊效果的 CSS3 动画
- hover.css ★20k+ - 一套使用 CSS3 动画实现的 Hover 特效集锦
- loaders.css - 令人愉快的,以性能为中心的纯 CSS 加载动画
- motion-css - 内置有 12 类 91 种不同的 CSS 动画效果
- vivify - 68 种动画效果的 CSS3 动画库
- KineticJS - KineticJS 是一个快速,强大的 HTML5 Canvas 库,(不再维护)
- zrender - 一个轻量级的 Canvas 类库,为 ECharts 提供 2D 绘制
- fabric.js - 简单而强大的 JavaScript Canvas 库,提供了互动的对象模型,同时还包含 Canvas-to-SVG 解析器
- oCanvas - 用于基于对象的画布绘制的 JavaScript 库
- Two.js - 面向现代 Web 浏览器的一个二维绘图 API
- Paper.js ★10k+ - 矢量图形脚本框架,基于 HTML5 Canvas 开发
- EaselJS - 封装了 HTML5 画布(Canvas) 元素的 JavaScript 库
- pixijs ★21k+ - 2D webGL 渲染器,提供无缝 Canvas 回退
- vivus.js ★11k+ - 用于在 SVG 上制作绘图动画的 JavaScript 库
- three.js ★48K+ - JavaScript 3D library
- parallax.js - JavaScript 视觉差特效引擎插件
- Vue-SuperSlide - SuperSlide component for Vue