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, пружинной физикой и эффектами на основе прокрутки. Используйте при создании интерактивных компонентов пользовательского интерфейса, микровзаимодействий, переходов страниц или сложных последовательностей анимации. Источник: freshtechbro/claudedesignskills.