What problem does it solve? Coordinating multiple animations with chained delays is fragile and hard to maintain. This Skill provides the official GSAP patterns for sequencing tweens with timelines, so animations run in a controlled, readable order. ## Core Features & Use Cases - Timeline Sequencing: Create timelines with gsap.timeline() and place tweens using the position parameter (absolute times, relative offsets, labels, "<" and ">" placement). - Labels and Defaults: Add labels with addLabel() for readable sequencing and pass shared defaults (duration, ease) to all child tweens. - Nesting and Playback Control: Nest child timelines inside a master timeline and control playback with play(), pause(), reverse(), restart(), time(), and progress(). - Use Case: When building a landing page intro where a logo fades in, a headline slides up, and a button scales in sequence, use a timeline with labels and the position parameter instead of chained delays. ## Quick Start Ask the AI to create a GSAP timeline that fades in a header, then slides up a subtitle 0.2 seconds later, using labels and shared defaults.
