gsap
GSAP
GSAP is one call shape, gsap.to(targets, vars), that returns an instance you control, plus timelines that put many of those on one playhead, and plugins registered once for everything else. This skill is built from GreenSock's official agent skills (greensock/gsap-skills, MIT: gsap-core, gsap-timeline, gsap-utils, gsap-react, gsap-performance, gsap-frameworks, gsap-scrolltrigger, gsap-plugins), checked against gsap.com/docs and the GSAP 3.15 source; where they disagree, each file gives the docs' form with its URL. Durations, curves, staggers and reduced-motion policy stay in ui-animation SKILL.md; GSAP in code-made videos (paused timelines and tl.seek(t)) is in seek-engine SKILL.md.
Apply only the routes and checks for the selected job. Read a linked skill's named file from its installed folder when available, or from the linked source. Report an unavailable required reference instead of inventing it. [skill-authoring, DISTRIBUTION.md#composing-skills]
| The job | Read |
|---|---|
to, from, fromTo, set; duration, delay, overwrite, repeat, immediateRender; transform aliases, autoAlpha, svgOrigin, clearProps; stagger; the ease table and CustomEase (why a "cubic-bezier()" string is ignored); function-based and relative values; gsap.defaults(); gsap.matchMedia() for breakpoints and reduced motion |
CORE.md |
gsap.timeline(), the position parameter, timeline defaults, labels and tweenFromTo, nesting, playback and what kill() does, ScrollTrigger on the top-level timeline |
TIMELINES.md |
gsap.utils: the function form, clamp, mapRange, normalize, interpolate, random, snap, shuffle, distribute, getUnit, unitize (corrected), splitColor, selector, toArray, pipe, wrap, wrapYoyo |
UTILS.md |
Installing @gsap/react and registering useGSAP, the framework-neutral lifecycle, useGSAP(), dependencies and revertOnUpdate, gsap.context() in an effect, contextSafe, scoped selectors, kill or revert, ScrollTriggers in a context, SSR |
REACT-AND-LIFECYCLE.md |
Transform and opacity, compositor vs main thread, will-change and force3D, batching reads and writes, many elements, gsap.quickTo(), ScrollTrigger cost (corrected), reducing simultaneous work |
PERFORMANCE.md |
| ScrollTrigger: start/end, scrub, pin, snap, batch, containerAnimation, scrollerProxy and Lenis, refresh order and refreshPriority, cleanup | SCROLLTRIGGER.md |
| Licensing, registration and lazy loading, ScrollTo, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, CustomEase and the ease family, physics, GSDevTools, Pixi | PLUGINS.md |
| DrawSVG, MorphSVG, MotionPath and MotionPathHelper | SVG-PLUGINS.md |