2022 年 30 个最佳 JavaScript 动画库
各位极客们好!👋
动画让我们能够以独特的方式讲述故事、传达情感和想法。这里有 30 个 JavaScript 动画库,您可以立即在项目中使用。
1.绿袜
一个用于构建高性能动画的 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.滚动动画
滚动动画库,可在滚动时显示动画。
9. TiltJS
一个基于 requestAnimationFrame 的轻量级视差悬停倾斜效果,帧率可达 60+fps,适用于 jQuery。
10.粗略符号
Rough Notation 是一个小型 JavaScript 库,用于在网页上创建和动画化注释。
11. ts粒子
一个用于创建粒子的轻量级库,是已弃用且过时的 particles.js 的改进版本。
12. Particles.js
一个用于创建粒子的轻量级 JavaScript 库
13. mo.js
适用于网络的动态图形工具包
14. Lightbox2
一个小型 JS 库,用于在当前页面上方叠加图像。
15.斯利克
完全响应式轮播图
16. Barba.js
创建流畅自然的网站页面过渡效果。
17.机车卷轴
一个简单的滚动库,可以检测视口中的元素,并实现带有视差效果的平滑滚动。
18.猫头鹰旋转木马
免费响应式 jQuery 轮播图
19. SwiperJS
免费、开源、现代化的滑块插件,无需 jQuery。支持原生 JavaScript 和所有现代框架,例如 React、Vue、Angular 等。
20.滑轨
免费、纯JS的轮播图和滑块库
21.简单视差
使用 JavaScript 实现视差效果的最简单方法
22. Kute.js
KUTE.js 是一个适用于现代浏览器的 JavaScript 动画引擎。
23. Granim.js
使用这个小巧的 JavaScript 库创建流畅且交互式的渐变动画。
24. Popmotion
简洁易用的动画库,打造赏心悦目的用户界面。
25. Vivus
Vivus 是一个轻量级的 JavaScript 类(没有依赖项),它允许你为 SVG 添加动画效果,使其看起来像是被绘制出来的。
26. Typed.js
一个JavaScript打字动画库。
27.进度条 JS
响应式且流畅的进度条,带有动画 SVG 路径。
28. AnimeJS
轻量级的 JavaScript 动画库,具有简单而强大的 API。
29. AniJS
无需编码即可提升网页设计水平的库
30.移除
这本身并不是一个动画库,但你可以用它编写 Javascript 代码来制作视频。
感谢阅读!
关注我们的推特账号,获取更多科技博客。
下次再见,
阿比拉吉