Motion.dev（原 Framer Motion）是為 React、原生 JavaScript 與 Vue 提供的現代動畫函式庫與文件中心，簡化了建立高效能且具自然手感的 UI 動畫。它提供宣告式組件 API（例如 motion.div、motion.svg）、variants、關鍵幀、以及基於物理的彈簧…
Motion.dev（原 Framer Motion）是為 React、原生 JavaScript 與 Vue 提供的現代動畫函式庫與文件中心，簡化了建立高效能且具自然手感的 UI 動畫。它提供宣告式組件 API（例如 motion.div、motion.svg）、variants、關鍵幀、以及基於物理的彈簧和緩動選項，並可透過 useAnimation 提供類時間軸的命令式控制。主要功能包含版面與共享版面過渡（layoutId）、具存在感的掛載/卸載動畫（AnimatePresence）、手勢支援（拖曳、點擊、懸停）、滾動驅動動畫與 SVG 支援。使用 Motion 可實作微互動、動畫清單、頁面轉場、載入狀態與複雜編排，且程式碼具有可及性、可組合性並支援 tree-shaking。其與常見樣式方法及 SSR-aware 模式的整合，讓它成為尋求精緻動態設計之生產環境網頁前端的實用選擇。
本頁屬於 OpenClaw Skills 學習體系，涵蓋技能安裝、分類導覽與實戰連結。