animate▌

Strategic animation and micro-interaction enhancement for improved usability and delight. \n \n Guides systematic assessment of animation opportunities across feedback, transitions, entrance effects, and delight moments, with mandatory accessibility support for prefers-reduced-motion \n Provides timing recommendations (100–800ms by purpose), GPU-accelerated easing curves, and anti-patterns to avoid (bounce/elastic effects, layout property animations, animation fatigue) \n Covers implementation a

Review Motion code for AnimatePresence and exit animation best practices.

Zero-config animations for React, Vue, Solid, Svelte, Preact with automatic error prevention and accessibility. \n \n Prevents 15 documented issues including React 19 StrictMode bugs, SSR import errors, conditional parent rendering, flexbox layout conflicts, and drag-and-drop animation conflicts \n Automatically respects prefers-reduced-motion for accessibility; requires unique, stable keys and parent elements always in DOM \n SSR-safe via dynamic imports; critical for Next.js, Nuxt 3 (v0.8.2+),