在阅读网页寻觅一个整齐的Javascript动画库时，我发明很多“recommended”的动画库一段时间都没有保护。
经由一些研讨，我网络了11个最好的库，在你的应用程序中运用。我还增加了一些，重要黑白保护的，有用的库。
运用UI组件时，您还能够运用Bit轻松地在差别应用程序之间同享这些组件，而不是复制粘贴它们，从差别项目举行变动并与其他项目合作。
Bit – 运用代码组件同享和构建_Bit可协助您在项目和应用程序之间同享，发明和运用代码组件，以构建新功用和… _bitsrc.io
运用纯CSS
在深入研讨这些库之前，不要遗忘运用纯CSS。为何？由于它是规范的，它能够进步机能（GPU），供应向后和向前兼容性，它多是建立动画的最有用要领。这里有10个地道的纯CSS动画示例。
1. Three.js
凌驾43K的星级，这个盛行的库是运用WebGL在阅读器上建立3D动画的好要领。供应<canvas>，<svg>，CSS3D和WebGL渲染器，这个库让我们能够跨装备和阅读器建立雄厚的交互式体验。
该藏书楼于2010年4月初次推出，现在仍由近1,000名参与者开辟。
mrdoob/three.js _three.js — JavaScript 3D library._github.com[](https://github.com/mrdoob/thr…
2. Anime.js
凌驾20K的 stars，Anime是一个JavaScript动画库，能够处置惩罚CSS属性，单个CSS转换，SVG或任何DOM属性以及JavaScript对象。此库许可您链接多个动画属性，将多个实例同步，建立时间轴等。
juliangarnier/anime _anime — JavaScript Animation Engine_github.com[](https://github.com/juliangarn…
3. Mo.js
这个库是14K星，是一个用于Web的动态图形东西带，具有简朴的声明API，跨装备兼容性和凌驾1500个单元测试。您能够在DOME或SVG DOME四周挪动东西或建立唯一的mo.js对象。虽然文档有些稀缺，然则示例很雄厚，这里有CSS技能的引见。
legomushroom/mojs _mojs — motion graphics toolbelt for the web_github.com[](https://github.com/legomushro…
4. Velocity
在15Kstars,，Velocity是一个疾速的Javascript动画引擎，具有与jQuery的$ .animate（）雷同的API。它具有颜色动画，变更，轮回，缓动，SVG支撑和转动。这是Velocity高机能引擎的细分 ，这里是运用该库的SVG动画引见。
julianshapiro/velocity _velocity — Accelerated JavaScript animation._github.com[](https://github.com/julianshap…
5. Popmotion
在14Kstars,，这个功用和回响反映动画库只重11kb。它许可开辟人员从行动建立动画和交互，行动是能够启动和住手的，并运用CSS，SVG，React，three.js和任何接收数字作为输入的API建立。
Popmotion/popmotion _popmotion — A functional, reactive animation library._github.com[](https://github.com/Popmotion/…
6. Vivus
在凌驾10K的stars，Vivus是一个零依靠的JavaScript类，能够让你为SVG制造动画，让它们具有被绘制的表面。您能够运用很多可用动画之一，或建立自定义脚原本绘制SVG。检察Vivus-instant猎取及时示例，亲自动手。
maxwellito/vivus _vivus — JavaScript library to make drawing animation on SVG_github.com[](https://github.com/maxwellito…
7. GreenSock JS
GSAP是一个JavaScript库，用于建立高机能，零依靠性，跨阅读器动画，宣称在凌驾400万个网站中运用。 GSAP异常天真，能够与React，Vue，Angular和vanilla JS一同运用。GSDevtools还能够协助革新运用GSAP构建的动画。
greensock/GreenSock-JS _GreenSock-JS — GreenSock’s GSAP JavaScript animation library (including Draggable)._github.com[](https://github.com/greensock/…
8. Scroll Reveal
依附15K星和零依靠，该库为Web和挪动阅读器供应了简朴的转动动画，以动画的体式格局显现转动内容。它支撑多种简约的结果，以至能够让您运用自然语言定义动画。这是一个简短的SitePoint教程。
jlmakes/scrollreveal _scrollreveal — Easy scroll animations for web and mobile browsers._github.com[](https://github.com/jlmakes/sc…
9. Hover (CSS)
嗯，这是一个CSS库。在20K星级，Hover供应了CSS3动力悬停结果的网络，可应用于链接，按钮，徽标，SVG，特征图象等，可在CSS，Sass和LESS中运用。您能够复制并粘贴要在本身的样式表中运用的结果或援用样式表。
IanLunn/Hover _Hover — A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so…_github.com[](https://github.com/IanLunn/Ho…
10. Kute.js
一个完整成熟的原生JavaScript动画引擎，具有跨阅读器动画的基本功用。重点是代码质量，天真性，机能和大小（中心引擎是17k min和5.5k gzipped） – 这是一个demo。该库也是可扩大的，因而您能够增加本身的功用。
thednp/kute.js _kute.js — KUTE.js is a native Javascript animation engine featuring great code quality, badass performance, SVG…_github.com[](https://github.com/thednp/kut…
11. Typed.js
T这个6K星库基本上许可您以选定的速率为字符串建立打字动画。您还能够在页面上安排HTML div并从中读取以许可搜索引擎和禁用JavaScript的用户接见。由Slack和其他人运用，这个库既盛行又使人惊奇地有用。
mattboldt/typed.js _typed.js — A JavaScript Typing Animation Library_github.com[](https://github.com/mattboldt/…
- 还能够看看: iTyped
耽误补充：Airbnb的Lottie
Lottie是一个用于Web的挪动库，iOS用于剖析运用 Bodymovin导出为json的 Adobe After Effects 动画，并将其原生显现。
airbnb/lottie-web _lottie-web – Render After Effects animations natively on Web, Android and iOS, and React Native…_github.com[](https://github.com/airbnb/lot…
