Stack Picker
a developer-grade decision engine
Back to the picker
Styling / UI & Animation

GSAP

Industry-standard JavaScript animation engine — timelines, scroll triggers, morphing.

Official site
Monthly cost
Free
Popularity
4/5
LLM knowledge
5/5
Difficulty
Medium
bundle: ~30kb core
#open-source

What GSAP is good at

Strengths
  • +Unmatched perf and feature set
  • +Works with any DOM, Canvas, WebGL
  • +ScrollTrigger is the gold standard
Tradeoffs
  • Larger bundle than pure-CSS approaches
  • Plugins formerly paid

Coding-agent prompt

You're working with GSAP. Industry-standard JavaScript animation engine — timelines, scroll triggers, morphing.

Best practices:
- Lean on: unmatched perf and feature set
- Lean on: works with any dom, canvas, webgl
- Lean on: scrolltrigger is the gold standard

Things to watch for:
- Watch out for: larger bundle than pure-css approaches
- Watch out for: plugins formerly paid

General guidance:
- Canonical docs: https://gsap.com — check here before inventing APIs.
- Keep secrets in environment variables, never commit them.
- Write TypeScript where the ecosystem supports it; add types to every exported function.
- Add tests for the critical paths before declaring the task done.
- Read-the-docs is usually faster than guessing — cite the docs page in code comments when you apply a non-obvious pattern.
Browse all categories