Framer Motion Skill

Expert knowledge for Framer Motion - the production-ready motion library for React. This skill enables declarative animations, gesture recognition, and layout animations with optimal performance.

When to Use

Activate this skill when:

• User mentions "framer motion" or "framer"
• Working with .tsx or .jsx files containing motion components
• Need declarative React animations with variants
• Implementing gesture-driven animations (drag, hover, tap)
• Building layout animations with layoutId
• Creating enter/exit animations with AnimatePresence

File Patterns