framer-motion-animator

Build delightful animations and interactions with Framer Motion's declarative API. Every animation implementation should include: - 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 - Use GPU-accelerated properties : opacity , transform (not width , height ) - Add layout for smooth resizing : Automatic layout animations - Use AnimatePresence : For exit animations - Prefer springs : More natural than tween for UI - Respect reduced motion : Use useReducedMotion hook - Avoid animating layout thrashing : Don't animate top , left , width - Use layoutId : For shared element transitions - Stagger children : For list animations