gsap-frameworks

Apply when writing or reviewing GSAP code in Vue (or Nuxt), Svelte (or SvelteKit), or other component frameworks that use a lifecycle (mounted/unmounted). For React specifically, use gsap-react (useGSAP hook, gsap.context()). Related skills: For tweens and timelines use gsap-core and gsap-timeline ; for scroll-based animation use gsap-scrolltrigger ; for React use gsap-react . See examples/vue/ for a runnable Vite + Vue 3 project demonstrating these patterns. Use onMounted to run GSAP after the component is in the DOM. Use onUnmounted to clean up. Same idea with and refs: See examples/nuxt/ for a runnable Nuxt 4 project with plugin registration, lazy loading, and SSR-safe patterns. Use a reusable composable to register GSAP Plugins and also to lazy load Plugins that are not extensively used in your application: Access in components via useGSAP() : Use onMount to run GSAP after the DOM is ready.