framer-motion-expert - Framer Motion 12+ reference guide for React animations.
Provides syntax reference, performance rules, and code patterns for Framer Motion 12+ animations, layout transitions, gestures, and hooks in React.
Tags
Updated: 2026-09-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build declarative React animations
- Implement layout transitions
- Configure hover and drag gestures
- Create scroll-driven motion
- Manage exit animations with AnimatePresence
- Optimize performance using LazyMotion
Inputs
- React components
- Animation target properties
Outputs
- Animated React components
- Updated code files
Requirements
- React
- Framer Motion 12+