Motion Vue
Motion Vue is a Vue 3 animation library built on top of Motion (the engine behind Framer Motion). It offers a declarative API, gesture support, layout transitions, and smooth scroll effects—all optimized for performance and developer experience.
Declarative Animation Syntax Define motion via Vue templates with simple props like animate, initial, and exit—no imperative code required.
FLIP & Layout Animations Built‑in layout transitions and shared‑element animations using FLIP principles, for smooth UI changes.
Gesture Controls Easily add interactivity with drag, hover, press, and pan gestures, backed by spring physics for fluid motion.
Motion Values Use dynamic values (useMotionValue, useSpring, useScroll) to power animations based on state and scroll position.
Hybrid Performance Engine Combines JavaScript flexibility with hardware-accelerated browser APIs for efficiency and responsiveness.
Rich Feature Set Includes springs, keyframes, scroll-triggered animations, SVG path support, exit animations, SSR support, and motion orchestration.
Nuxt & Vite Integration Offers Nuxt module and auto-import support via unplugin-vue-components for fast, effortless setup.
TypeScript Support Fully typed API for strong autocompletion, safe refactoring, and developer confidence.
Produced by Motion Division Open‑source, well-maintained library with 1.8k+ stars on GitHub—backed by active development.