Vue x AnimejsAnimejs implementation for Vuejs.

Reactive, lifecycle-aware animation composables for Vue 3 — powered by Anime.js v4.

🎬

useAnimate

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.