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。