# gsap-performance

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

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.

## Install

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

## From README

GSAP Performance When to Use This Skill Apply when optimizing GSAP animations for smooth 60fps, reducing layout/paint cost, or when the user asks about performance, jank, or best practices for fast animations. Related skills: Build animations with gsap-core (transforms, autoAlpha) and gsap-timeline; for ScrollTrigger performance see gsap-scrolltrigger. Prefer Transform and Opacity Animating transform (x, y, scaleX, scaleY, rotation, rotationX, rotationY, skewX, skewY) and opacity keeps work on the compositor and avoids layout and most paint. Avoid animating layout-heavy properties when a transform can achieve the same effect. ✅ Prefer: x, y, scale, rotation, opacity. ❌ Avoid when possible: width, height, top, left, margin, padding (they trigger layout and can cause jank). GSAP’s x and y use transforms (translate) by default; use them instead of left/top for movement. will-change Use will-change in CSS on elements that will animate. It hints the browser to promote the layer.

## Links

- HTML page: https://omgskills.com/library/greensock/gsap-skills/skills/gsap-performance/
- 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-plugins](https://omgskills.com/library/greensock/gsap-skills/skills/gsap-plugins/index.md) — Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia,...
   - [@greensock](https://omgskills.com/library/greensock/index.md) · 16k stars