animation

2026-08-20

Design 066

morphicons：讓任意 stroke icon 平滑變形

用 path 對齊與 interpolation 把圖示轉場做成可重用的動態元件。

animation icons frontend

8 min

2026-07-17

Design 042

Originkit.dev：可貼進 Framer、也能接 MCP，和 React Bits 怎麼選？

Originkit.dev 把 copy code、Framer 與 MCP 放進同一套動畫元件工作流。這篇先看它能解決什麼，再和偏 React 特效的 React Bits 對照。

framer react animation components mcp ui

5 min

2026-06-25

Design 029

React Bits：開箱即用的文字動態與背景效果庫

React Bits 把文字動態、背景效果、粒子、光效和互動視覺包成可直接放進 React 專案的元件，適合用來補首屏與視覺層。

react animation background text-effects frontend ui

6 min

2026-06-25

AI Tools 028

LottieFiles 的 motion-design-skill：先把動態設計想對，再開始做動畫

motion-design-skill 不是動畫執行工具，而是給 AI 的動態設計原則。它先管 timing、easing、choreography 和情緒，再交給 Lottie、Framer Motion、GSAP 或 SVG 流程落地。

lottiefiles motion-design ai-agents animation lottie svg mcp

9 min