motion

Animation library for Vue 3 and Nuxt. Production-ready, hardware-accelerated animations with minimal bundle size. Current stable: motion-v 1.x - Vue port of Motion (formerly Framer Motion) Progressive reference for Motion Vue animations. Load only files relevant to current task (~200 tokens base, 500-1500 per sub-file). Use Motion Vue for: Consider alternatives: Consider loading these reference files based on your task: DO NOT load all files at once. Load only what's relevant to your current task. Render any HTML/SVG element with animation capabilities: references/components.md - Motion component variants, animation props, gesture props, layout animations, transition configuration references/composables.md - useMotionValue, useSpring, useTransform, useScroll, useInView, animate() references/examples.md - External resources, component libraries, animation patterns and inspiration - Simple declarative animations (fade, slide, scale) - Gesture-based interactions (hover, tap, drag) - Scroll-linked animations - Layout animations and shared element transitions - Spring physics animations - GSAP - Complex timelines, SVG morphing, scroll-triggered sequences - @vueuse/motion - Simpler API, less features, smaller bundle - CSS animations - Simple transitions without JS