現代網站客戶端提供了高質量的動畫，導致了JavaScript動畫庫的需求不斷增加。幸運的是，供應似乎與需求相匹配，且有多種選擇。至於選擇哪一個就難以定奪了。在這一年裡，許多動畫庫有可能完善得更好，為創建動畫提供更好的解決方案。
讓我們來看看2018年值得關注的十大JavaScript動畫庫。
Three JS
42,569 ★
TODO 粘貼圖片在此
Three JS 是這裡面排名第一、最受歡迎的動畫庫（該項目有900多位的貢獻者）。八年了，Three JS 仍是一個強大的動畫工具。Three JS 依賴於WebGL，可以用來構建瀏覽器端酷炫的3D計算機圖形。Three JS的功能包括但不限於浮雕效果，透視和正交相機，幾何工具，如平面，立方體，球體，環面。然而，這個庫的一個缺點是一些開發人員發現它使用起來很慢。
安裝:
使用NPM，可以使用以下命令安裝Three JS。
npm install three
更多信息可從官方網站或npm獲取。
Anime JS
21,084 ★
Anime JS作為Three JS的潛在替代方案，居於列表第二位。Anime JS由Julian Garnier創建，是您遇到過最快的動畫庫之一。Anime JS可以與DOM一起順利運行，並且支持Chrome，Firefox，Opera，Safari，IE10+等的主流瀏覽器。此庫包括但不限於以下功能：用於CSS動畫的的CSS transform，用於線的SVG動畫，用於同步多個實例的時間軸。Anime JS最吸引開發者的原因之一就它非常輕量級。
安裝:
使用NPM，可以使用以下命令安裝Anime JS。
npm install animejs
更多信息可從官方網站或npm獲取。
Particles JS
15,612 ★
接下來我們要看的第三個動畫庫是Particles JS。Particles JS由Vincent Garreau創建，是一款特定動畫的JavaScript庫，用於創建點和線組成的精彩動畫。如前所述，該庫用於創建看起來像粒子的動畫。因此，它允許開發人員切換諸如粒子的密度，顏色，不透明度，形狀和大小之類的東西。但是，由於它僅適用於粒子背景，因此不適合用來創建其他類型的動畫。
安裝:
使用NPM，可以使用以下命令安裝Particles JS。
npm install particlesjs
更多信息可從官方網站或npm獲取。
ScrollReveal JS
15,499 ★
ScrollReveal JS居於列表第四位，與前面討論的Particles JS一樣，也是一款特定動畫的JavaScript庫。ScrollReveal JS用於創建十分酷炫的滾動特效，是一個輕量級的工具（沒有任何依賴），而且非常容易使用，因為它使用自然語言來發送創建動畫的指令。ScrollReveal JS適用於DOM節點，多個容器，異步內容，並且支持3D旋轉。ScrollReveal JS可能是創建滾動特效最好用的工具，它支持大量的瀏覽器，只要它們支持CSS Transform和CSS Transition特性。
安裝:
使用NPM，可以使用以下命令安裝ScrollReveal JS。
npm install scrollreveal
更多信息可從官方網站或npm獲取。
Velocity JS
14,692 ★
接下來在這個精彩的動畫庫列表上的就是Velocity JS了。它深得許多UI設計師的喜愛。通過使用HTML和SVG，該工具可以輕鬆創建功能強大的Web動畫。Velocity JS可用於滾動瀏覽器窗口，甚至撤消以前的動畫。Velocity JS儘管使用與jQuery的$.animate（）相同的API，您會發現它是少數獨立於強大的jQuery框架的動畫工具之一。像WhatsApp和MailChimp就是該優秀工具的知名用戶。
安裝:
使用NPM，可以使用以下命令安裝Velocity JS。
npm install velocity-animate
更多信息可從官方網站或npm獲取。
Popmotion JS
13,777 ★
Popmotion JS排行第六，是一款與Anime JS類似的動畫庫，可用於創建精彩的瀏覽器動畫。該庫還具有指針跟蹤，彈簧物理，3D動畫等功能，並可用於創建功能型，反應型的動畫。
安裝:
使用NPM，可以使用以下命令安裝Popmotion JS。
npm install popmotion
更多信息可從官方網站或npm獲取。
Mo JS
13,461 ★
與Popmotion JS類似，Mo JS排名第七，是一款用於創建Web動畫的簡單庫。Mo JS簡單易學，它的創建者Oleg Solomka已經創建了很多教程和demo，來幫助初學者快速上手。Mo JS還具有創建圓形，多邊形，矩形，線條等功能。Mo JS看起來很簡單，卻可以構建出非常複雜的動態圖形的Web動畫。
安裝:
使用NPM，可以使用以下命令安裝Mo JS。
npm install mo-js
更多信息可從官方網站或npm獲取。
Vivus JS
10,365 ★
Vivus JS在這個名單上排名第八。如果您在此列表中尋找一個使用SVG的優秀庫，那麼Vivus JS是最佳之選，尤其適合初學者。這個庫也很快、很輕量級，因為它沒有任何依賴。除了使用SVG之外，Vivus JS還可用於創建漂亮的按鈕，也有其他令人驚歎的動畫可供使用。
安裝:
使用NPM，可以使用以下命令安裝Vivus JS。
npm install vivus
更多信息可從官方網站或npm獲取。
GreenSock JS
7,767 ★
GreenSock，通常被稱為GSAP（GreenSock動畫平臺），我們忽略它在列表中的排名，它是列表中最受歡迎的庫之一。GreenSock的速度和高效率是它受人喜愛的原因之一。這個強大的庫也支持各式瀏覽器，並且沒有任何依賴。
安裝:
使用NPM，可以使用以下命令安裝GreenSock JS。
npm install gsap
更多信息可從官方網站或npm獲取。
AOS
6,613 ★
因此，雖然本文中討論的其它庫大力依賴於JavaScript，但是AOS（Animate On Scroll）卻更多地依賴於CSS。使用AOS，開發人員可以在向下滾動時為頁面元素添加動畫，然後在向上滾動時恢復之前的動畫狀態。這個庫還附帶了許多可由滾動事件觸發的預定義事件。
安裝:
使用NPM，可以使用以下命令安裝Animate On Scroll。
npm install aos
更多信息可從官方網站或npm獲取。
閱讀更多 前端圈 的文章
