Reactive, lifecycle-aware, SSR-safe animation composables, directives and components for Vue 3 — powered by Anime.js v4.
Every composable, directive and component works with Nuxt and server-side rendering out of the box. No ClientOnly wrapper, no window errors.
Animate any DOM element or CSS selector. Reactive options — change a prop, the animation updates automatically.
Orchestrate multiple animations in sequence or in parallel with a fully reactive Anime.js timeline.
Drive logic with a high-precision timer that plays, pauses, and seeks like any other animation.
Turn any numeric value into a spring- or easing-driven reactive ref you can bind directly to your template.
Add physics-based drag interactions to elements with snap, bounds, and momentum out of the box.
Animate layout transitions — elements entering, leaving, or moving in the DOM get smooth FLIP animations.
Animate SVG path drawing, morphing, and transforms with full Vue reactivity.
Animate text character-by-character or word-by-word with configurable stagger and easing.
Drop down to the native Web Animations API when you need GPU-composited animations with zero overhead.
Scope a group of animations to a component — they all pause, resume, and clean up together.
Animate an element straight from a template attribute — no script setup, no cleanup to write.
Make any element draggable with a single directive — snap, bounds, and momentum included.
Drive native Web Animations API animations declaratively, straight from the template.
Animate SVG stroke drawing declaratively by binding draw values to a template attribute.
Split and animate text by character, word, or line declaratively, with zero script setup.
