Agent
468 installs
framer-motion-animator
by patricio0312rev/skills
Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences.…
Skill content
Framer Motion Animator Build delightful animations and interactions with Framer Motion's declarative API. Core Workflow - Identify animation needs: Entrance, exit, hover, gestures - Choose animation type: Simple, variants, gestures, layout - Define motion values: Opacity, scale, position, rotation - Add transitions: Duration, easing, spring physics - Orchestrate sequences: Stagger, delay, parent-child - Optimize performance: GPU-accelerated properties Installation npm install framer-motion