gsap-timeline
Sequence and choreograph multi-step animations with precise timing control and nested timelines.
What it does
- 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.
- paused: true — create paused; call .play() to start.
- repeat, yoyo — same as tweens; apply to whole timeline.
- onComplete, onStart, onUpdate — timeline-level callbacks.
- defaults — vars merged into every child tween.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Sequence and choreograph multi-step animations with precise timing control and nested timelines.
Source
Repository: https://github.com/greensock/gsap-skills
gsap-timeline FAQ
What does the gsap-timeline skill do?
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). Absolute: 1 — start at 1 second. Relative (default): "+=0.5" — 0.5s after end; "-=0.2" — 0.2s before end.
How do I install gsap-timeline?
Run: npx -y skills add https://github.com/greensock/gsap-skills --skill gsap-timeline --agent claude-code — the source lives at github.com/greensock/gsap-skills.
Maintain gsap-timeline?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/greensock-gsap-skills-gsap-timeline?ref=badge) npx agentictools info skills/greensock-gsap-skills-gsap-timeline The second line is the CLI lookup for this page — handy in READMEs and docs.
