当我在浏览网页寻找一个简洁易用的JavaScript动画库时，我发现很多“推荐”的动画库已经有一段时间没有维护了。经过一些研究，我收集了11个很棒的库供您在应用程序中使用。Three.js拥有超过43K颗星，这个流行的库具有在浏览器中创建3D动画的强大方法，WebGL是一种更直观的方法。该库提供,,css3d和webgl渲染器，使我们能够在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次可用，并且仍在由近1,000名贡献者开发。项目地址：https://github.com/mrdoob/three.js/Anime.js拥有超过20K的star，Anime.JS是一个javascript动画库，具有CSS属性，独立的CSStransforms，svg或任何dom属性和javascript对象一起工作。该库允许您链接多个动画属性、将多个实例同步在一起、创建时间轴等。Github上的项目地址：https://github.com/juliangarnier/animeMo.js拥有14kStars，这个库是一个用于Web的动态图形工具带，具有简单的声明式API、跨设备兼容性和超过1500个动画单元测试。您可以在DOME或SVGDOME周围移动对象，或创建独特的mo.js对象。尽管文档有点稀疏，但有很多示例。Github上的项目地址：https://github.com/legomushroom/mojsPopmotion有14Kstars，而这个函数式和反应式动画库的体积只有11kb。它允许开发人员从动作创建动画和交互，这些动作是可以启动和停止的值，并使用css、svg、react、three.js和任何接受数字作为输入的API创建。Github上的项目地址：https://github.com/Popmotion/popmotionVivus拥有超过100,000颗星，vivus是一个零依赖的javascript类，可让您对SVG进行动画处理，使它们看起来像被绘制的一样。您可以使用众多可用动画中的一种，或创建自定义脚本来绘制SVG。立即查看vivus以获取实际示例并亲自动手。Github上的项目地址是：https://github.com/maxwellito/vivusGreenSockJSGreenSockJS是一个用于创建高性能、零依赖、跨浏览器动画的JavaScript库。据说该图书馆已被超过400万个网站使用。GreenSockJS非常灵活，可以与React、Vue、Angular和VanillaJS一起使用。gsdevtools还可以帮助使用gsap构建Dubug动画。Github上的地址是：https://github.com/greensock/GreenSock-JSScrollReveal这个库有15Kstars，无依赖，为网页和手机浏览器提供简单的滚动动画，以动画的方式展示滚动内容。它支持多种简洁的效果类型，甚至允许您使用自然语言定义动画。Github上的项目地址是：https://github.com/jlmakes/scrollrevealHover(CSS)这是一个CSS动画库。凭借20Kstars，hover提供了一组基于CSS3的悬停效果，可应用于链接、按钮、徽标、SVG、特色图像等，并可用于CSS、SASS和LESS。您可以将要使用的效果复制并粘贴到您自己的样式表中，或引用样式表。Github上的项目地址是：https://github.com/IanLunn/HoverKute.js是一个成熟的原生javascript动画引擎，具有跨浏览器动画的基本功能。重点是代码质量、灵活性、性能和大小（核心引擎最小17K，gzip最小5.5K）。该库也是可扩展的，因此您可以添加自己的功能。Github上的项目地址：https://github.com/thednp/kute.js/Typed.js这个6K-star库基本上可以让你以选定的速度为字符串创建打字动画。您还可以在页面上放置一个HTMLDIV并从中读取，以允许搜索引擎和禁用javascript的用户访问。这个库既流行又非常有用。Github上的地址：https://github.com/mattboldt/typed.jsLottielottie是一个移动库，用于在Android和iOS上渲染Adob??eAfterEffects动画，并在本地呈现。也可用于Web、ReactNative和Windows平台。由爱彼迎制作。Github上的地址是：https://github.com/airbnb/lottie-web
