前端人最值得关注的JS动画库来了
今天小编给大家分享一波实用的JS动画库合集吧！这次的合集拥有一些实用性很强的JavaScript库。
赶紧收藏起来吧！
01
Three.js
无论刚刚认知或者入门一项技术，去Github上search一下这项技术，总会有所收获。这个流行的库拥有超过4.3万star，是一种直观地使用WebGL在浏览器上创建3D动画的好方法。
前端新手学习交流群，如果有想学习前端或者交流经验的都可以加入，一起互相学习交流：→→→点击我即可加入圈子
该库提供<canvas>，<svg>，CSS3D和WebGL渲染器，使我们能够在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次引入，目前仍由近1,000名贡献者开发。
图片源自网络，仅做配文展示
02
Anime.js
Anime.js是一个轻量级JavaScript动画库，具有简单但功能强大的API。
它适用于CSS属性，SVG，DOM属性和JavaScript对象。它可以通过对时间轴的回调实现对动画的控制。通过关键帧实现对动画补充与饱满，在上面几乎可以实现基本动画需要的工作。最关键的是，Anime.js适用于所有网页，你可以使用html，css，js，svg等制作动画。
图片源自网络，仅做配文展示
03
ParticlesJS
接下来我们要看的第三个动画库是ParticlesJS。
ParticlesJS由VincentGarreau创建，是一款特定动画的JavaScript库，用于创建点和线组成的精彩动画。如上所述，该库用于创建看起来像粒子的动画。因此，它允许开发人员切换诸如粒子的密度，颜色，不透明度，形状和大小之类的东西。但是，由于它仅适用于粒子背景，因此不适合用来创建其他类型的动画。
图片源自网络，仅做配文展示
04
Mo.js
Mo.js是一个用于Web的动态图形工具带，具有简单的声明API，跨设备兼容性和超过1500个单元测试。你可以在DOME或SVGDOME周围移动东西或创建唯一的mo.js对象。虽然文档有些稀缺，但是示例很丰富。
Mo.js是一个"简洁、高效"的图形动画库，拥有流畅的动画和惊人的用户体验，在任何设备上，屏幕密度独立的效果都很好，你可以绘制内置的形状或者自定义形状，随便，只要你喜欢，你还可以绘制多个动画，再让它们串联在一起。
图片源自网络，仅做配文展示
05
ScrollReveal
与前面讨论的ParticlesJS一样，这也是一款特定动画的JavaScript库。
ScrollRevealJS用于创建十分酷炫的滚动特效，是一个轻量级的工具（没有任何依赖），而且非常容易使用，因为它使用自然语言来发送创建动画的指令。
ScrollRevealJS适用于DOM节点，多个容器，异步内容，并且支持3D旋转。ScrollRevealJS可能是创建滚动特效最好用的工具，它支持大量的浏览器，只要这些浏览器支持CSSTransform和CSSTransition特性。
图片源自网络，仅做配文展示
06
Popmotion
Popmotion是一个只有12KB的JavaScript运动引擎，可以用来实现动画，物理效果和输入跟踪。
它允许开发人员从动作创建动画和交互，这些动作是可以启动和停止，可以使用CSS、SVG、React、three创建，js和任何接受数字作为输入的API。
图片源自网络，仅做配文展示
07
Vivus
Vivus是一款可以执行SVG路径动画的轻量级Javascript库，如果你在寻找一个使用SVG的优秀库，那么VivusJS是最佳之选，尤其适合初学者。
这个库也很快、很轻量级，因为它没有任何依赖。除了使用SVG之外，VivusJS还可用于创建漂亮的按钮，也有其他令人惊叹的动画可供使用。
图片源自网络，仅做配文展示
08
GreenSockJS
GSAP是一个JavaScript库，用于创建高性能，零依赖的跨浏览器动画，该动画库据称已在超过400万个网站中使用。
GSAP非常灵活，可以与React，Vue，Angular和VanillaJS 一起使用。GSDevtools还可以帮助调试使用GSAP构建的动画。
图片源自网络，仅做配文展示
09
Hover(CSS)
Hover.CSS是一个有用的CSS3悬停效果集合，可用于动作调用，按钮，商标，特性图片等，提供CSS，Sass和LESS支持。
自定或直接应用到你自己的元素上都非常的简单。
hover.css可以用多种方式来使用;可以复制粘贴你喜欢的效果到你自己的样式表里，也可以引用样式表。然后只需向你想要的元素需添加对应效果的class名称即可。如果你只打算使用一个或几个效果，最佳实践是复制粘贴一个效果。
图片源自网络，仅做配文展示
10
Spinkit
Spinkit是一个酷炫的加载动画CSS集合。Spinkit使用CSS动画来创建吸引人的易于自定义的动画。该集合目标不是提供所有浏览器的解决方案--如果你需要支持哪些还没实现CSS动画属性(像是IE9及之前的版本)的浏览器，你需要检测下这些动画属性并实现一个变通方案。
图片源自网络，仅做配文展示
以上就是小编精选出来的10款JS动画库，现代网站的客户端依靠高质量的动画，使得JavaScript动画库的需求不断增加。
但幸运的是，供应似乎与需求相匹配，并且有多种选择。至于选择哪一个就看各位的需求自行定夺了了。随着web前端的飞速发展，相信会有越来越多的动画库会完善得更好，为前端开发者创建动画提供更好的解决方案。让我们共同期待吧！
码字不容易,帮忙点个赞,点赞关注是我写作的动力，谢谢！