Implement GSAP animations in React with useGSAP and automatic cleanup.
npx skills add https://github.com/hanzoai/video --skill gsap-react-hanzoai
Please help me install this Agent Skill. Skill: gsap-react Source: https://github.com/hanzoai/video/tree/main/.agents/skills/gsap-react Command: npx skills add https://github.com/hanzoai/video --skill gsap-react-hanzoai
React developers often struggle with implementing GSAP animations correctly, handling cleanup on unmount, and keeping selectors scoped to components.
Animate a React component on mount using the useGSAP hook and scope animations to a container.
High-intent search queries and answers about installing and using this skill.
Use the useGSAP hook to run GSAP animations inside the React component lifecycle with automatic cleanup on unmount. It handles animation setup and teardown automatically, preventing memory leaks and selector scope issues in your React project.
GSAP animations break after unmount due to missing cleanup logic. Use the useGSAP hook or gsap.context() to automatically clean up animations when the React component unmounts, preventing errors from callbacks firing on removed DOM nodes.
The best way to use GSAP with React without memory leaks is using the useGSAP hook for automatic cleanup and gsap.context() for scoping selectors. This combination isolates animations and destroys them properly upon component unmount.
Use contextSafe wrappers for GSAP callbacks in React to prevent errors after unmount and ensure safe cleanup. It keeps callback-based animations properly scoped within the component context, avoiding memory leaks and runtime errors.
Prevent GSAP selector leaks across React renders by using gsap.context() to scope all selector queries to a specific root element. This ensures animations target only the intended DOM nodes within that component.
het8802Integrate GSAP animations in React and Next.js using the useGSAP() hook.
daffy0208Implement motion design improvements for React web applications using Framer Motion, CSS, Tailwind, and GSAP.
ayofemiadeCreates web animations, transitions, and micro-interactions using Framer Motion and CSS.
fcsouzaProvide React animation libraries including Framer Motion, React Spring, and GSAP.
