# gsap-timeline

> Claude/Codex skill by [@greensock](https://omgskills.com/library/greensock/index.md) · 16k stars · Updated 2026-07-29

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).

## Install

```sh
git clone https://github.com/greensock/gsap-skills /tmp/gsap-skills && ln -s /tmp/gsap-skills/skills/gsap-timeline ~/.claude/skills/gsap-timeline
```

## From README

GSAP Timeline When to Use This Skill Apply when building multi-step animations, coordinating several tweens in sequence or parallel, or when the user asks about timelines, sequencing, or keyframe-style animation in GSAP. Related skills: For single tweens and eases use gsap-core; for scroll-driven timelines use gsap-scrolltrigger; for React use gsap-react. Creating a Timeline By default, tweens are appended one after another. Use the position parameter to place tweens at specific times or relative to other tweens. Position Parameter Third argument (or position property in vars) controls placement: Absolute: 1 — start at 1 second. Relative (default): "+=0.5" — 0.5s after end; "-=0.2" — 0.2s before end. Label: "labelName" — at that label; "labelName+=0.3" — 0.3s after label. Placement: " " — start when recently-added animation ends (default); "\<0.2" — 0.2s after recently-added animation start.

## Links

- HTML page: https://omgskills.com/library/greensock/gsap-skills/skills/gsap-timeline/
- GitHub: https://github.com/greensock/gsap-skills
- Author: [@greensock](https://omgskills.com/library/greensock/index.md)

## More from this repo

- [gsap-core](https://omgskills.com/library/greensock/gsap-skills/skills/gsap-core/index.md) — Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults,...
   - [@greensock](https://omgskills.com/library/greensock/index.md) · 18k stars
- [gsap-frameworks](https://omgskills.com/library/greensock/gsap-skills/skills/gsap-frameworks/index.md) — Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.
   - [@greensock](https://omgskills.com/library/greensock/index.md) · 16k stars
- [gsap-performance](https://omgskills.com/library/greensock/gsap-skills/skills/gsap-performance/index.md) — Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching.
   - [@greensock](https://omgskills.com/library/greensock/index.md) · 16k stars