gsap-react

GSAP motion · A camera move · MIT

What it does

GSAP inside React: the useGSAP hook from @gsap/react with a scope ref, refs for targets, the dependency array and revertOnUpdate, gsap.context() in useEffect as the fallback, contextSafe for animations created in event handlers, and not running GSAP during server render.

Get it

npx skills add https://github.com/greensock/gsap-skills (installs all eight), or copy skills/gsap-react/ into your agent's skills folder. Pattern: gsap.registerPlugin(useGSAP); useGSAP(() => { gsap.to(boxRef.current, { x: 100 }); }, { scope: containerRef });

Source on GitHub
Needs

@gsap/react

License

MIT

License notes are on the pack's page

From

GSAP AI Skills

Everything from GSAP AI Skills in the gallery

Back to the Asset Library