GSAP animation composition

Use GSAP when a media composition needs choreography that is awkward to express as isolated CSS transitions or simple frame interpolation: overlapping multi-beat sequences, per-character typography, SVG stroke drawing or shape morphing, curved paths, layout-state transitions, or a reusable motion language controlled from one playhead.

This skill covers GSAP as an animation engine inside media production. It does not replace the composition contract, edit decisions, audio timeline, asset ledger, accessibility review, or delivery workflow of the host renderer.

Evidence and version stance

The following labels are used throughout:

• Documented fact: behavior stated in official GSAP, W3C, or browser documentation.
• Production heuristic: a practical default that should yield to the brief, brand system, renderer, or measured result.
• Empirical observation: a result measured in the actual composition, preview, render, or target device.

GSAP APIs, plugin packaging, licensing, and framework integrations are volatile. The API and license facts below were verified on 2026-07-12. Re-check the installed GSAP version, official installation guidance, plugin documentation, and current license before production use.

Decide whether GSAP is warranted

Choose GSAP when at least one of these is central to the deliverable: