Animation & Motion Design Patterns for building performant, accessible animations using Motion (formerly Framer Motion, 18M+ weekly npm downloads) and the View Transitions API (cross-browser support in 2026). Covers layout animations, gesture interactions, exit transitions, micro-interactions, and motion accessibility. Quick Reference | Rule | File | Impact | When to Use | |------|------|--------|-------------| | Layout Animations | | HIGH | Shared layout transitions, FLIP animations, layoutId | | Gesture Interactions | | HIGH | Drag, hover, tap with spring physics | | Exit Animations | | HIG…