gsap-frameworks - GSAP animation integration for Vue, Svelte, and Nuxt
Provides guidelines for using GSAP in Vue, Svelte, Nuxt, and other non-React frameworks with lifecycle management, scoped selectors, and cleanup.
Tags
Updated: 2026-09-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Scope selectors using gsap.context
- Manage GSAP lifecycle in Vue
- Lazy load GSAP plugins in Nuxt
- Clean up animations on unmount
- Refresh ScrollTrigger after layout updates
Inputs
- Component root DOM reference
- GSAP library and plugins
- Framework lifecycle hooks
Outputs
- Scoped GSAP animation instances
- Cleaned-up animation and trigger states
- Lazy-loaded GSAP plugin modules
Requirements
- Vue, Nuxt, Svelte, or SvelteKit environment
- GSAP package installed