1) 

Dynamics.js是設(shè)計(jì)基于物理規(guī)律的動(dòng)畫的重要JavaScript庫。它可以賦予生命給所有包含CSS 和SVG屬性的DOM（文本對(duì)象模型）元素，換句話說，Dynamics.js適用于所有JavaScript對(duì)象以及一系列其它的元素。目前，Dynamics.js常被用于設(shè)計(jì)交互式菜單欄、同步下拉菜單、加載器、按鈕以及其它功能。這個(gè)庫提供了可定制動(dòng)畫類型的各種基本選項(xiàng)，如頻率、反彈力、旋轉(zhuǎn)、摩擦、持續(xù)時(shí)間等等。

2) 

Cta.js 是用于在網(wǎng)頁上創(chuàng)建動(dòng)畫元素“Action-to-Effect”路徑的輕量級(jí)庫。它常被用在tile-based應(yīng)用程序的導(dǎo)航、模態(tài)窗口的打開、側(cè)邊欄上可點(diǎn)擊的按鈕等等。

3) 

Beep.js是一個(gè)通過使用WebAudio API創(chuàng)建基于網(wǎng)頁的電子合成器的JavaScript庫。它可以用于創(chuàng)建音樂或者設(shè)計(jì)和音樂相關(guān)的學(xué)習(xí)教程。

4) 

Rainyday.js是一個(gè)使用HTML5 canvas創(chuàng)建雨滴落在玻璃表面的出色效果的強(qiáng)大JavaScript庫。它擁有一個(gè)集成了各種可自定義實(shí)現(xiàn)的動(dòng)畫組件的可擴(kuò)展應(yīng)用程序接口。

5) 

Iconate.js是一個(gè)可將設(shè)計(jì)圖標(biāo)轉(zhuǎn)化為流行動(dòng)畫元素的偉大資源。它擁有大量可供選擇的字體、字形圖標(biāo)以及自定義圖標(biāo)集。

6) 

Dom-Animator.js是一個(gè)在DOM（文本對(duì)象模型）中可顯示內(nèi)容節(jié)點(diǎn)里ASCII動(dòng)畫的JavaScript庫。

7) 

Famous 是用于設(shè)計(jì)流行動(dòng)畫的強(qiáng)大JavaScript庫，它包含的基于事件的系統(tǒng)（event-based system）使得渲染平滑動(dòng)畫和過渡特效這類的更新轉(zhuǎn)換工作變得非常簡單。Famous還有一個(gè)可創(chuàng)建自定義動(dòng)畫和動(dòng)畫仿真的3D物理引擎，你可以做出包含在不同的重力、拖放和碰撞下的粒子或者3D物體的狀態(tài)。

8) 

Bounce.js 是一個(gè)在CSS 3的支持下能做出各種酷炫動(dòng)畫的JavaScript庫。你可以設(shè)計(jì)不同的動(dòng)畫和運(yùn)動(dòng)效果，如自轉(zhuǎn)、公轉(zhuǎn)、來回運(yùn)動(dòng)、急加速等。

9) 

Snabbt.js是一個(gè)使用CSS3轉(zhuǎn)換矩陣的輕量級(jí)JavaScript動(dòng)畫庫。它的結(jié)構(gòu)非常簡單，支持各種過渡和運(yùn)動(dòng)效果的應(yīng)用，如縮放、尺寸調(diào)整、扭曲、旋轉(zhuǎn)等等。Snabbt.js還支持attention animation功能，這個(gè)功能在表單驗(yàn)證方面是非常有用的。

10) 

Rekapi是用于CSS動(dòng)畫關(guān)鍵幀動(dòng)畫以及DOM中JavaScript動(dòng)畫的高級(jí)avaScript庫。在復(fù)雜動(dòng)畫的設(shè)計(jì)方面，Rekapi以其實(shí)用性被人們廣為熟知。您可以使用Rekapi創(chuàng)建生動(dòng)的餅圖和曲線圖、五彩紙屑、交互性時(shí)間線以及各種用戶界面。

本文翻譯自