# Sequencing animations with GSAP (/gsap-timeline)

/gsap-timeline is a Claude Code skill in the Web & Design section. It is maintained by greensock and published under the MIT license. A guide to GSAP timelines: gsap.timeline(), the position parameter, nesting and playback control for sequencing animations.

- Web version: https://skills.sgomez.dev/en/s/gsap-timeline
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: greensock
- License: MIT
- Source: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-timeline
- Updated 21 Apr 2026

## How to ask for it

- `I need to chain three animations one after another`
- `How do I control the order and overlap of several animations with a timeline`
- `I want to nest GSAP timelines inside another timeline`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

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).

- [How we review this](https://skills.sgomez.dev/en/methodology.md)