Getting started with
DOCS
Animating with code may seem intimidating at first, but don’t worry, our platform was engineered to make it simple and intuitive.
Getting Started
New to GSAP? We recommend beginning with the "Getting Started" page. You might also want to check out our Learning Center to learn more about how GSAP works and some tips on how to use it.Docs Structure
The menu to the left gives you access to the documentation for every tool in the GreenSock API. The docs are structured to roughly reflect the API, so most of the content is within the gsap navigation item in the menu. Select a tool to get a detailed description of it and list of every method and property that it has. Methods and properties have their own detail pages too, packed with descriptions and examples. You'll be amazed at what GSAP can do beyond its core animation abilities.
Can't find something you're looking for? Try the search feature.
To toggle between the v2 (old) and v3 (new) versions of GSAP, simply click the toggle button at the top of the navigation menu.
GSAP Overview
This chart shows which parts of GSAP are included inside of GSAP's core, which are for Club GreenSock members only, and which reside on the public CDN. All tools are linked to their docs for convenience.
Included in GSAP's core
Additional Plugins
- ColorPropsPlugin
- CSSRulePlugin
- DraggablePlugin
- EaselPlugin
- MotionPathPlugin
- PixiPlugin
- ScrollToPlugin
- TextPlugin
Extra Eases
- RoughEase
- SlowMo
- ExpoScaleEase
- CustomEase
Requires GreenSock account (free)
- DrawSVG
- Physics2D
- PhysicsProps
- ScrambleText
- CustomBounce
Requires CustomEase - CustomWiggle
Requires CustomEase - GSDevTools
- MorphSVG
- SplitText
- ThrowProps
- Commercial license