1、Three.js

地址：https://github.com/mrdoob/three.js/

超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、css3D 和 WebGL渲染器，让咱们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出，目前仍有近1000名贡献者在开发中。

2、Anime.js

地址：https://github.com/juliangarnier/anime

超过20K的星星，Anime 是一个 js 动画库，可以处理css属性，单个CSS转换，SVG 或任何 DOM 属性以及 js 对象。此库允许咱们链接多个动画属性，将多个实例同步，创建时间轴等。

3、Mo.js

地址：https://github.com/mojs/mojs

超过 14K 星星，是一个用于 Web 的动态图形工具带，具有简单的声明 API，跨设备兼容性和超过1500个单元测试。咱们可以在 DOME 或SVG DOME周围移动东西或创建唯一的 mo.js 对象。虽然文档有些稀缺，但是示例很丰富，这里有CSS技巧的介绍。

4、Velocity

地址：https://github.com/julianshapiro/velocity

超过 15k 星星,Velocity是一个快速的 JS 动画引擎，拥有与jQuery的 $.animate() 相同的API。它具有彩色动画、转换、循环、画架、SVG支持和滚动。这里是Velocity的高性能引擎的分解，这里是使用该库的 SVG 动画的介绍。

5、 Popmotion

地址：https://github.com/popmotion/popmotion

超过 14K 星星，这个动画库大小只有 11 kb。它允许开发人员从动作创建动画和交互，这些动作是可以启动和停止，可以使用 CSS、SVG、react、three 创建，js 和任何接受数字作为输入的 API。

6、 Vivus

地址：https://github.com/maxwellito/vivus

超过 10k 星星，Vivus是一个零依赖的 JS 类，可以让你为SVG制作动画，让它们具有被绘制的外观。咱们可以使用许多可用动画之一，或创建自定义脚本来绘制SVG。查看Vivus-instant获取实际示例，亲自动动手练习一下。

7、GreenSock JS

地址：https://github.com/greensock/GSAP

GSAP 是一个JS 库，用于创建高性能、零依赖、跨浏览器动画，据称在超过400万个网站上使用。GSAP是灵活的，可以与 React、vue、Angular 和 vanilla JS 协同工作。GSDevtools 还可以帮助使用 GSAP 构建 dubug 动画。

8、 Scroll Reveal

地址：https://github.com/jlmakes/scrollreveal

拥有15K颗星星和零依赖，这个库为 web 和移动浏览器提供了简单的滚动动画，以动画的方式显示滚动中的内容。它支持多种简洁的效果类型，甚至允许你使用自然语言定义动画。这里有一个简短的 SitePoint教程。

9、Hover (CSS)

地址：https://github.com/IanLunn/Hover

超过 20k 星星，Hover 提供了CSS3支持的悬停效果集合，可应用于链接、按钮、徽标、SVG、特色图像等，在CSS、Sass和LESS中可用。您=可以复制和粘贴希望在自己的样式表中使用的效果，或者引用样式。

10、Kute.js

地址：https://github.com/thednp/kute.js/

一个完全成熟的原生 JS 动画引擎，具有跨浏览器动画的基本功能。重点是代码质量，灵活性，性能和大小（核心引擎17k 和 gzipped 5.5k） - 这是一个演示。该库也是可扩展的，因此你可以添加自己的功能。

11、 Typed.js

地址：https://github.com/mattboldt/typed.js

超过 7k 星星，这个库基允许你以选定的速度为字符串创建打字动画。你还可以在页面上放置 html div 并从中读取以允许搜索引擎和禁用 JS 的用户访问，由Slack和其他人使用，这个库既流行又非常有用。

PS：2021年5月2号的送书活动的中奖者名单已经出来了，请下列小伙伴添加我的微信号：【web_xiaoer】，备注：图书中奖，以便于通过，谢谢合作。

中奖名单如下：

11 个好用的JavaScript 动画库，附中奖者名单

1、Three.js

2、Anime.js

3、Mo.js

4、Velocity

5、 Popmotion

6、 Vivus

7、GreenSock JS

8、 Scroll Reveal

9、Hover (CSS)

10、Kute.js

11、 Typed.js

学习更多技能
请点击下方公众号

相关文章推荐

11 个好用的JavaScript 动画库，附中奖者名单

1、Three.js

2、Anime.js

3、Mo.js

4、Velocity

5、 Popmotion

6、 Vivus

7、GreenSock JS

8、 Scroll Reveal

9、Hover (CSS)

10、Kute.js

11、 Typed.js

学习更多技能请点击下方公众号

添加附言

相关文章推荐

学习更多技能
请点击下方公众号