GSAP Core — guide skill for animation & motion graphics

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Official GSAP core guide: to/from/fromTo tweens, eases, staggers, defaults and transforms for DOM and SVG motion.

What it does

GreenSock's official skill for the GSAP core API: gsap.to(), from() and fromTo(), common vars, transform aliases (x, y, scale, rotation, autoAlpha), staggers, built-in and custom eases, defaults, function-based and relative values, and gsap.matchMedia() for breakpoints and reduced motion. It closes with GSAP's own best practices and a do-not list, such as preferring transforms over layout properties and setting immediateRender: false when stacking from() tweens on one property. GSAP is HyperFrames' default animation runtime, so this is the motion vocabulary of most HTML-to-video compositions.

Use when

Not for

Install

Example output

https://skills.varg.ai/previews/gsap-core.mp4 — Featured community demo on GSAP's Core page ('canvas particles'): staggered shapes tweening outward from the centre (credit: Tom Miller, featured on gsap.com, https://gsap.com/core/)

More animation & motion graphics skills