1.Three.JS
超过 46K 的星星, 这个流行的库提供了非常多的 3D 显示功能, 以一种直观的方式使用 webGL. 这个库提供了 < canvas>, <svg>,CSS3D 和 WebGL 渲染器, 让我们在设备和浏览器之间创建丰富的交互体验. 该库于 2010 年 4 月首次推出, 目前仍有近 1000 名贡献者在开发中.
2. Anime.JS
超过 20K 的星星, Anime 是一个 JavaScript 动画库, 可以处理 CSS 属性, 单个 CSS 转换, SVG 或任何 DOM 属性以及 JavaScript 对象. 此库允许您链接多个动画属性, 将多个实例同步, 创建时间轴等.
3.Mo.JS
超过 14K 星星, 是一个用于 Web 的动态图形工具带, 具有简单的声明 API, 跨设备兼容性和超过 1500 个单元测试. 您可以在 DOME 或 SVG DOME 周围移动东西或创建唯一的 mo.JS 对象. 虽然文档有些稀缺, 但是示例很丰富, 这里有 CSS 技巧的介绍.
4. Velocity
超过 15k 星星, Velocity 是一个快速的 JavaScript 动画引擎, 拥有与 jQuery 的 $.animate() 相同的 API. 它具有彩色动画, 转换, 循环, 画架, SVG 支持和滚动. 这里是 Velocity 的高性能引擎的分解, 这里是使用该库的 SVG 动画的介绍.
5. Popmotion
超过 14K 星星, 这个动画库大小只有 11 kb. 它允许开发人员从动作创建动画和交互, 这些动作是可以启动和停止, 可以使用 CSS,SVG,React,three 创建, JS 和任何接受数字作为输入的 API.
6. Vivus
超过 10k 星星, Vivus 是一个零依赖的 JavaScript 类, 可以让你为 SVG 制作动画, 让它们具有被绘制的外观. 您可以使用许多可用动画之一, 或创建自定义脚本来绘制 SVG. 查看 Vivus-instant 获取实际示例, 亲自动动手练习一下.
7. GreenSock JS
GSAP 是一个 JavaScript 库, 用于创建高性能, 零依赖, 跨浏览器动画, 据称在超过 400 万个网站上使用. GSAP 是灵活的, 可以与 React,vue,Angular 和 vanilla JS 协同工作. GSDevtools 还可以帮助使用 GSAP 构建 dubug 动画.
8. Scroll Reveal
拥有 15K 颗星星和零依赖, 这个库为 Web 和移动浏览器提供了简单的滚动动画, 以动画的方式显示滚动中的内容. 它支持多种简洁的效果类型, 甚至允许你使用自然语言定义动画. 这里有一个简短的 SitePoint 教程.
9. Hover (CSS)
超过 20k 星星, Hover 提供了 CSS3 支持的悬停效果集合, 可应用于链接, 按钮, 徽标, SVG, 特色图像等, 在 CSS,Sass 和 Less 中可用. 您 = 可以复制和粘贴希望在自己的样式表中使用的效果, 或者引用样式.
10. Kute.JS
一个完全成熟的原生 JavaScript 动画引擎, 具有跨浏览器动画的基本功能. 重点是代码质量, 灵活性, 性能和大小 (核心引擎 17k 和 gzipped 5.5k) - 这是一个演示. 该库也是可扩展的, 因此你可以添加自己的功能.
11. Typed.JS
超过 7k 星星, 这个库基允许你以选定的速度为字符串创建打字动画. 你还可以在页面上放置 html div 并从中读取以允许搜索引擎和禁用 JavaScript 的用户访问, 由 Slack 和其他人使用, 这个库既流行又非常有用.
来源: http://www.jianshu.com/p/4f6002776aac