Alanamultiskillagent
Back to skills

gsap-react

development

Covers GSAP animation setup in React and Next.js using the useGSAP hook, gsap.context(), and ref-based targeting. Handles cleanup on unmount, scoped selectors, context-safe callbacks, and SSR safety.

greensockgreensock
|View all greensock skills →

Setup & Installation

npx skills add https://github.com/greensock/gsap-react --skill gsap-react
or paste the link and ask your coding assistant to install it
https://github.com/greensock/gsap-react
View on GitHub

What This Skill Does

Covers GSAP animation setup in React and Next.js using the useGSAP hook, gsap.context(), and ref-based targeting. Handles cleanup on unmount, scoped selectors, context-safe callbacks, and SSR safety. Works with the broader GSAP ecosystem including ScrollTrigger and timelines. Using useGSAP instead of raw useEffect eliminates manual ctx.revert() calls and prevents the animation leaks and stale-node warnings that come from skipping cleanup.

When to use it

  • Working with gsap react functionality
  • Implementing gsap react features
  • Debugging gsap react related issues

Similar Skills

android-native-dev

A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting. It defines standards for threading, state m

apollo-client

A guide for building React applications with Apollo Client 4.x. Covers setting up the client, writing GraphQL queries and mutations with hooks, configuring cache policies, managing local state with re

apollo-connectors

Helps integrate REST APIs into GraphQL supergraphs using Apollo Connectors with @source and @connect directives. It walks through schema creation, composition validation, and connector execution using

apollo-federation

Helps you write Apollo Federation 2.x subgraph schemas for composing multiple GraphQL APIs into a single supergraph. Covers entity definitions with @key, field sharing with @shareable, computed fields