網路資源
lazyload- 讓媒體資源(圖片、影片)延遲下載，增加網站開啟速度與優化使用者體驗
lazyload 是一個滿老牌的資源緩讀的函式庫，一般來說如果一個頁面有太多圖片的話，會因為同時間一起讀取而開啟速度很慢，lazyload 就是讓這些資源變成在頁面捲動到時才開始讀取，目前已經支援 RWD 的圖片以及影片，非常方便。
網路資源
網路資源
viz.js- 以 Graphviz 語法畫流程線圖的套件
viz.js 是一個以 Graphviz 語法畫流程線圖的套件。
網路資源
Gridster.js- 建立動態磚概念的格狀版面的套件
Gridster.js 是一個建立動態磚概念的格狀版面的套件，還支援手動拖曳及大小縮放。
網路資源
vivus.js- 處理 SVG stroke Animation 的套件
vivus.js 是一個處理 SVG stroke Animation 的套件，可以選擇用 delayer、sync 或 OneByOne 的方式來顯示線條動畫。
網路資源
Anime.js：打造高質感動畫的輕量級 JS 函式庫
Anime.js 是一款輕量級 JavaScript 動畫函式庫，支援 CSS、SVG、DOM 和 JavaScript 物件動畫，具備時間軸控制、滾動觸發、SVG 動畫與響應式效果。API 直覺易用，適合初學者與專業開發者提升網頁動態體驗。
網路資源
Lottie.js- 把 After Effect 的動畫轉成 HTML5 動畫的好用套件
Lottie.js 是由 Airbnb 開發出來的可以直接把 After Effect 的動畫轉成 HTML5 動畫的套件。
網路資源
QueryLoader2.js- 簡單製作遮住整頁的讀取效果
QueryLoader2.js 是一個可以製作當頁面內容還沒讀完時，遮住整頁的遮罩效果的套件。
網路資源
Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件
Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件，用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。
網路資源
StarScroll.js- 可做出星空般視差滾動效果的套件
StarScroll.js 是可做出星空般視差滾動效果的套件。
網路資源
Stellar.js- 視差滾動的套件
Stellar.js 是一個可以製作視差滾動的套件。
網路資源
Vanta.js- 漂亮的背景動態效果套件
Vanta.js 是一個有著漂亮背景動態效果的 js 套件，網站上也提供客製化的功能，只要調整一些參數就可以把 code 貼到自己要套上效果的頁面上了。
網路資源
Parallax.js- 偵測滑鼠位置的視差滾動效果
Parallax.js 是一個可以偵測滑鼠位置的視差滾動效果的套件，可以做出有趣的互動效果。
網路資源
Jarallax- 背景視差滾動套件
Jarallax 是一個製作背景視差滾動的套件，也支援 Youtube 嵌入的影片。
網路資源
不用寫程式也能套生動的動畫- AniJS
AniJS 只要讀入他寫好的 js 和 css，再在 html 上加上類似 data-anijs="if: mouseover, on: body, do: swing animated" 的敘述，就可以把動畫套到上面去了。