🎬 Animate in markup
Tween and Timeline components put GSAP motion next to the markup it drives.
Déjà VueDeclarative GSAP Animations for Vue 3
Animate with ease using just components
Skip to content
🧩 Nest & sequence
Nest Tween, Timeline, and Marker components for readable, beat-driven sequences.
🎛️ Bind playback
Hook playback into Vue state to scrub, replay, and react without imperative GSAP code.
📜 Scroll-driven motion
Pin, scrub, and reveal on scroll with ScrollTrigger via Tween and Timeline.
✂️ SplitText effects
SplitText inside a Tween animates lines, words, or characters for hero and editorial layouts.
🎯 Animation targets
Slotted content and nested components become GSAP targets with less selector wiring.
⚡ Full GSAP underneath
The full GSAP engine you trust, with Vue lifecycle cleanup and smart rebuilds.
🛡️ TypeScript ready
Typed components, refs, and nesting from a single tween to deep timeline trees.