framer-motion-animator

Smooth animations and micro-interactions using Framer Motion's declarative API. Build delightful animations and interactions with Framer Motion's declarative API. Every animation implementation should include: - Supports entrance/exit animations, hover states, gesture-driven interactions (drag, swipe), and scroll-triggered effects with useInView and useScroll - Includes variants pattern for orchestrating staggered sequences, shared layout animations with LayoutGroup , and imperative control via useAnimate - Provides page transitions for Next.js, parallax effects, and scroll progress tracking through motion values and transforms - Built-in accessibility support via useReducedMotion hook; emphasizes GPU-accelerated properties (opacity, transform) and spring physics for natural motion - 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...