GSAP React skill: what it does and how to install it
Creates and cleans up GSAP animations in React and Next.js components using useGSAP, scoped refs and context-safe callbacks.
Summary generated from the skill's documentation.
Install
$ npx skills add greensock/gsap-skills --skill gsap-reactRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Guides React animation setup with GSAP's useGSAP() hook, scoped refs and callbacks that remain within the animation context. For regular effects, it uses gsap.context() and ctx.revert() for cleanup, and keeps GSAP execution out of server rendering.
When to use it. For writing or reviewing GSAP animations in React or Next.js, including lifecycle cleanup and server-side rendering concerns.
History
Repo stars
16k
Tracking since . A chart appears once there are 7 days of data.
Stars are counted for the whole repository, which holds 8 skills.
Installs
56.1k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Migrate Radix to Base UIMigrates React projects and components from Radix UI to Base UI, including shadcn projects.
- Vercel Composition PatternsReact composition patterns such as compound components, for refactoring components with too many boolean props.
- Vercel React Best PracticesReact and Next.js performance guidelines from Vercel Engineering, for writing and reviewing code.