motion-framer

Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides motion components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.

Convert any HTML/SVG element into an animatable component by prefixing with motion.:

Every motion component accepts animation props like animate, initial, transition, and gesture props like whileHover, whileTap, etc.

用於 React 和 JavaScript 的現代動畫函式庫。使用運動組件、變體、手勢（懸停/點擊/拖曳）、佈局動畫、AnimatePresence 退出動畫、彈簧物理和基於滾動的效果創建流暢、可立即投入生產的動畫。在建立互動式 UI 元件、微互動、頁面轉換或複雜的動畫序列時使用。 來源：freshtechbro/claudedesignskills。