2022年30个用于JavaScript动画的库

原始地址：https://dev.to/geektechpub/30-javascript-animation-libraries-for-2022-3lna

Howdy Geeks! 👋

动画使我们能够以独特的方式讲故事、传达情感和思想。以下是30个JavaScript动画库，可在您的项目中使用。

1. Greensock

JavaScript库，用于构建在所有主要浏览器中起作用的高性能动画

2. VelocityJS

Velocity是一个轻量级动画引擎，具有与jQuery的$.animate()相同的API

3. Lax.js

用于在滚动时创建平滑且美观的动画的简单轻量级纯JavaScript插件

4. Rellax.js

一款柔滑、超轻量级、纯JavaScript视差库

5. three.js

一个易于使用、轻量级的3D库，具有默认的WebGL渲染器。

6. wow.js

在滚动时显示动画。

7. Chocolat.js

免费的灯箱插件。

8. Animate on Scroll

在滚动时显示动画的滚动动画库。

9. TiltJS

一个微小的requestAnimationFrame驱动的60+fps轻量级视差悬停倾斜效果库，适用于jQuery。

10. Rough Notation

一个小型的JavaScript库，用于在网页上创建和动画标注。

11. tsParticles

用于创建粒子效果的轻量级库，是被废弃和过时的particles.js的改进版本。

12. Particles.js

用于创建粒子效果的轻量级JavaScript库。

13. mo.js

网络上用于运动图形设计的工具包。

14. Lightbox2

一个小型的JS库，可以在当前页面上叠加图像。

15. Slick

全响应式走马灯

16. Barba.js

在网站页面之间创建流畅过渡的库。

17. Locomotive Scroll

一个简单的滚动库，提供元素在视口中的检测和带有视差滚动的平滑滚动。

18. Owl Carousel

免费的响应式jQuery走马灯

19. SwiperJS

不依赖于jQuery的免费、开源、现代幻灯片轮播库。可用于Vanilla JS和React、Vue、Angular等所有现代框架。

20. Splide

免费的纯JS库，用于创建走马灯和滑块

21. Simple Parallax

使用JavaScript实现视差效果的最简单方法

22. Kute.js

现代浏览器的JavaScript动画引擎。

23. Granim.js

使用这个小型的JavaScript库创建流动而交互式的渐变动画。

24. Popmotion

用于令人愉悦的用户界面的简单动画库。

25. Vivus

Vivus是一个轻量级的JavaScript类（无依赖关系），允许您为SVG动画，使其看起来像是被绘制出来的。

26. Typed.js

一个JavaScript打字动画库。

27. Progress Bar JS

带有动画SVG路径的响应式和流畅的进度条。

28. AnimeJS

简单但功能强大的轻量级JavaScript动画库。

29. AniJS

一个无需编码即可提升您的网页设计的库

30. Remotion

这不是一个动画库，但你可以使用它来通过编写Javascript代码制作视频。

感谢阅读！

在推特上关注我们获取更多的技术博客。

下次再见，

Abhiraj