網路資源
AMicro：收錄 React 微互動元件，打造更具質感的網站動畫效果
AMicro 是專為 React 打造的微動畫（Micro-interactions）資源平台，收錄 Hover、按鈕、卡片、文字、Loading 與 Transition 等互動效果，協助開發者快速提升網站與 Web 應用的 UI 質感與使用者體驗。
網路資源
網路資源
lottie：用自然語言生成可正式上線的 Lottie 動畫
lottie 是一個專為 AI Coding Agent 設計的 Text-to-Lottie 動畫生成框架，能透過自然語言建立可正式部署的 Lottie 動畫，大幅降低網站、App 與 SaaS 產品動態設計門檻。
網路資源
HyperFrames：打造 AI YouTube 影片的動畫工作流
HyperFrames 是 HeyGen 官方推出的開源動畫生成框架，讓 AI agent 能以程式化方式建立 motion graphics、字幕動畫與資訊視覺化內容，成為 AI 影片工作流中的核心動畫引擎。
網路資源
Huashu Design：用一句 prompt 產出原型、簡報與動畫的 AI 設計工作流
Huashu Design 是一個將設計流程整合進 AI coding agent 的工具，透過 prompt 直接生成高保真原型、簡報、動畫與資訊圖。支援 HTML-native 工作流與多格式輸出，並結合品牌資產與設計評審，適合快速產出可交付設計成果。
網路資源
Hera：你的 AI 動態設計助理
Hera 是 AI 動態設計工具，結合模板、自動生成與可編輯功能，幫助創作者快速製作具有專業感的動畫與短影音，適合行銷與社群需求。
網路資源
Anime.js：輕量快速的 JavaScript 動畫引擎
Anime.js 是輕量且強大的 JavaScript 動畫函式庫，支援 CSS、SVG、DOM 動畫與交錯控制，適合打造高效互動的前端動態效果。
網路資源
ASCII Motion：用 ASCII 創造動畫的有趣線上工具
ASCII Motion 是線上 ASCII 動畫工具，讓你可以透過這個工具製作出有趣的 ASCII 動畫。
網路資源
Superstudio：一站式 AI 創作無限畫布，幫助你快速生成連續動畫
Superstudio 是專為藝術家、設計師、音樂人與創作者打造的 AI 影音創作平台，透過無限 Canvas、模組化 Flows 與資產管理，靈活實現你的創意構想。
網路資源
Animatopy CSS 動畫片段生成器：簡單複製就可將動畫效果套用在網站上
Animatopy 是簡潔實用的 CSS 動畫 snippet 工具，免載入整套 Animate.css，就可快速預覽並複製單一動畫效果。
網路資源
Cursify：添加流暢的游標動畫效果函式庫！打造獨特網站互動體驗
Cursify 是一款專為 React 和 Next.js 設計的開源滑鼠游標動畫庫，提供多種精美互動效果，如仙女塵、氣泡、聚光燈等，並支援高度自訂，讓網站更具吸引力與動態感。
網路資源
VirtualThreads：快速將 2D 設計轉換為 3D 動態模型的免費工具
VirtualThreads 是一個快速將 2D 設計轉換為高品質 3D 動態模型的服務，支援即時預覽、自訂背景與動畫效果，提升設計展示的吸引力！
網路資源
beautifully crafted animated icons：好用且生動的 icon 動畫資源庫
beautifully crafted animated icons 是一個開源的高品質動畫圖示庫，基於 Motion 和 Lucide 技術構建，免費提供流暢互動的圖示，適用於網站、應用程式和數位產品，助力快速打造生動的用戶體驗。
網路資源
MageCDN SVG Loaders：開源的 SVG 讀取動畫庫
MageCDN SVG Loaders 提供超過 100 種專業設計的開源 SVG 加載動畫 icon，適用於網站和應用的載入狀態顯示。這些動畫包括旋轉圖標、進度指示器等樣式，支援高解析度、輕量化和快速載入，開發者可自訂顏色和速度。簡便整合、MIT 授權，適合商業專案和個人開發者使用，有助於提升用戶等待時的體驗並增強互動性。
網路資源
Animata Design：互動動畫元件的寶庫
Animata 是一個專注於提供手工製作的互動動畫與效果庫，讓開發者能夠快速將精美的動畫效果套用到自己的專案中。該平台彙集了超過 80 種元件，從打字效果、漸層文字到卡片動畫，皆能輕鬆複製並整合到前端設計中。Animata 特別適合需要高效完成視覺效果的開發者，幫助他們節省創建複雜動畫的時間與精力。
網路資源
Manim：動態數學視覺化的開源工具
Manim 是一個開源的 Python 程式庫，專門用於創建高品質的數學動畫。由 ManimCommunity 維護，它可用於產生動態圖像，幫助視覺化數學方程式、幾何形狀和概念，並廣泛用於教育和科學展示。使用者可以靈活設定動畫，從基本圖形到複雜的三維模型。Manim 社群持續改進該工具，並且提供詳細的文件及教學，幫助新手快速入門。適合希望進行數學視覺化的開發者和教育者。
網路資源
AnimStats：提升互動力的動畫數據展示工具
AnimStats 是一個讓你將枯燥的數據轉化為吸引人的動畫 GIF 或影片的工具。使用者只需幾分鐘即可創建出引人注目的數據動畫，無需任何設計技巧。AnimStats 提供多樣化的專業模板和背景，讓你可以個性化你的動畫內容。透過分享這些動畫於社群網站、網站或投影片上，可以顯著提高觀眾的互動和參與度。
網路資源
trace.moe：神奇的動畫場景搜尋工具
trace.moe 是一個專門用來搜尋動畫場景的工具，使用者只需上傳一張截圖或影片片段，即可快速找出該場景所屬的動畫作品及其相關資訊。這個平台利用強大的圖像識別技術，能夠準確識別出數千部動畫中的特定場景，對於動畫愛好者來說是非常方便的資源。無論是尋找某個片段的出處，還是探索更多動畫內容，trace.moe 都能提供即時且精確的搜尋結果。
網路資源
CSS Loaders：前端開發者的 Loading 動畫寶庫，超過 600+ 特效幫助實現美觀流暢的讀取效果
CSS Loaders 提供超過 600 種純 CSS 讀取動畫，涵蓋經典、旋轉、進度條等類別，所有動畫均以單一元素實現，簡潔易用。支援即時預覽與一鍵複製 CSS 代碼，幫助開發者快速整合高效、輕量的動畫效果，提升網站用戶體驗。