gsap-react

What problem does it solve?

This Skill simplifies the integration of GSAP animations within React applications, managing complex animation lifecycles and ensuring efficient cleanup.

Core Features & Use Cases

• useGSAP Hook: Declaratively manage GSAP animations within React functional components.
• Automatic Cleanup: Handles GSAP animation cleanup on component unmount, preventing memory leaks.
• Scoped Animations: Easily scope animations to specific DOM elements within a React component.
• Use Case: Animate the entrance of a list of items as they appear on screen, ensuring smooth transitions and proper resource management when the component unmounts.

Quick Start

Use the gsap-react skill to animate a div with the class 'box' to move 200 pixels to the right within its container.