--- title: "GSAP with Vue, Svelte, and Other Frameworks - Air Market" description: "You are animating inside a Vue, Nuxt, Svelte, or SvelteKit component and the awkward parts are the edges: when to start, which elements you are allowed to touch, and tearing things down when the comp…" canonical: "https://airmarket.ai/app/gsap-frameworks" --- [Air Market](/) / [Design](/category/design) / GSAP with Vue, Svelte, and Other Frameworks Skill by [GreenSock](/@greensock) # GSAP with Vue, Svelte, and Other Frameworks Animate in Vue or Svelte without leaving strays behind ## What this does You are animating inside a Vue, Nuxt, Svelte, or SvelteKit component and the awkward parts are the edges: when to start, which elements you are allowed to touch, and tearing things down when the component disappears. This covers those. If you are on React, there is a separate skill for that. ### Top 3 things it does for you - Start an animation when a component mounts - Scope your selectors to one component - Clean up animations when a component goes away ## Information **GSAP with Vue, Svelte, and Other Frameworks at a glance** | | | | --- | --- | | Kind | Skill | | Publisher | [GreenSock](/@greensock) | | Category | [Design](/category/design) | | Works with | Agent Skills - an open standard supported by 40+ agents | | Size | 10 KB | | Licence | MIT | | Repository | [greensock/gsap-skills](https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-frameworks) | | GitHub stars | 14,256 (as of Nov 2026) | | Installs | 71,595, counted by skills.sh (Nov 2026) | ## Security report **Verified.** AIR scanned this exact version of GSAP with Vue, Svelte, and Other Frameworks and recorded 0 findings and 2 flagged items. AIR's verdict: **safe**. **What GSAP with Vue, Svelte, and Other Frameworks's check was run against** | | | | --- | --- | | Commit | aed9cfd3277740755f6bfc1155c7aa645403b760 | | Content hash | feadd72570473d6d6a76b0613ebb7d21ebfd077a0fb9c6457a950e51a1a58fd9 | | Files read | [Browse the files at this exact commit](https://github.com/greensock/gsap-skills/blob/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-frameworks/SKILL.md) | A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned. [Read the full security report for GSAP with Vue, Svelte, and Other Frameworks](/security/gsap-frameworks) ## About GSAP with Vue, Svelte, and Other Frameworks This is the official GSAP skill for Vue, Svelte, and other non-React frameworks. It covers where animation fits in a component's lifecycle, keeping selectors scoped to the component, and cleaning up when the component unmounts. It fits Vue, Nuxt, Svelte, and SvelteKit work, including questions about the mount and destroy hooks. GSAP is the default recommendation for framework animation here unless another library has been chosen; for React, use the React skill instead. ## What's inside - SKILL.md - instructions ## Questions ### Is GSAP with Vue, Svelte, and Other Frameworks safe to install? AIR scanned this exact version of GSAP with Vue, Svelte, and Other Frameworks and recorded 0 findings and 2 flagged items. AIR's verdict: safe. The verdict is named by the content that was read, at commit aed9cfd32777, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/gsap-frameworks. ### How do I install GSAP with Vue, Svelte, and Other Frameworks? Open https://airmarket.ai/app/gsap-frameworks on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-frameworks. Install from that link, not the branch. ## Related on Air Market - [More Design listings](/category/design) - [Everything by GreenSock](/@greensock) --- Canonical URL: