JavascriptGitHub项目收藏

11个Javascript动画库[2019]

2019-06-08  本文已影响0人  jicemoon

记录一下目前比较流行的JS动画库:

1. Three.js

超过43K星, 一个非常流行, 利用WebGL在浏览器中创建3D动画的库, 支持<canvas>、<svg>、CSS3D和WebGL渲染

2. Anime.js

超过31K星, Anime是一个纯JS动画库, 可以应用于多个或单个CSS属性/SVG或任何DOM属性进行动画, 允许您链接多个动画属性,将多个实例同步,创建时间轴等

3. Mo.js

超过14K星

4. Velocity

超过16K星, Velocity是一个快速的Javascript动画引擎, 具有与JQuery($.animate)相同的API

5. Popmotion

超过16K星, Popmotion是一个轻量级的JS动画库, 只有11KB, 允许开发人员创建交互性动画, 比如启动或停止动画

6. Vivus

超过11K星, Vivus是一个零依赖JavaScript类,专注于制作SVG动画,让它们具有被绘制的外观。 您可以使用许多可用动画中的一种,或创建自定义脚本来绘制SVG。

7. GreenSock JS

目前拥有9K星, GSAP是一个比较老的JavaScript库,用于创建高性能,零依赖性,跨浏览器动画,声称在超过400万个网站中使用。 GSAP非常灵活,可以与React,Vue,Angular和vanilla JS一起使用。 GSDevtools还可以帮助dubug使用GSAP构建的动画。

8. Scroll Reveal

超过17K星, 主要是为网页和移动浏览器提供滚动动画

9. Hover (CSS)

超过21K星, 一个用于悬停效果的CSS3动画效果集合, 适用于链接,按钮,徽标,SVG,特色图像等。 轻松应用于您自己的元素。 提供CSS,Sass和LESS。

10. Kute.js

一个完全成熟的原生JavaScript动画引擎,具有跨浏览器动画的基本功能。 重点是代码质量,灵活性,性能和大小(核心引擎是17k min和5.5k gzipped)。 该库也是可扩展的,因此您可以添加自己的功能。

11. Typed.js

模仿动态打字效果的JS动画库

原文地址(英文) https://blog.bitsrc.io/11-javascript-animation-libraries-for-2018-9d7ac93a2c59

上一篇下一篇

猜你喜欢

热点阅读