Back to skills

gsap-frameworks

development

Handles GSAP animation setup and teardown for Vue, Nuxt, Svelte, and SvelteKit. Covers component lifecycle integration: creating tweens after mount, scoping selectors to the component root, and cleani

Setup & Installation

npx skills add https://github.com/greensock/gsap-frameworks --skill gsap-frameworks
or paste the link and ask your coding assistant to install it
https://github.com/greensock/gsap-frameworks
View on GitHub

What This Skill Does

Handles GSAP animation setup and teardown for Vue, Nuxt, Svelte, and SvelteKit. Covers component lifecycle integration: creating tweens after mount, scoping selectors to the component root, and cleaning up animations and ScrollTriggers on unmount. Without lifecycle-aware setup, GSAP selectors silently match elements across the whole page and ScrollTrigger instances accumulate on every mount, causing animation conflicts and memory leaks that are hard to trace.

When to use it

  • Working with gsap frameworks functionality
  • Implementing gsap frameworks features
  • Debugging gsap frameworks related issues