Get GSAP
Version: 2.1.3 updated 2019-05-18
-
Download zip
-
github
CDN Link
Copy/paste this code into your HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
- Version:
Core
Extras
Plugins
By using GreenSock code, you agree to the terms of use.
Step 1: Select a Plan
Step 2: Enter Payment Info
Step 3: Download Plugins
SimplyGreen
For individuals who use GreenSock tools casually and want to gain access to some of the bonus plugins.
$50
Per
Year
Year
Most Popular
ShockinglyGreen
For individuals who want all of the bonus plugins and extras, but aren’t in need of a commercial license.
$99
Per
Year
Year
BusinessGreen
For businesses who want everything including a special commercial license.
Starting at
Starting at
$150
Per
Year
Year
What You Get
| Simply | Shockingly | Business | |
| Perks | |||
| Notification of significant feature additions, bug fixes and enhancements | |||
| Access to beta releases and demo source code | |||
| Bonus Plugins and Tools | |||
  DrawSVG plugin gives you enhanced control over how SVG strokes are revealed. (view demo) |
|||
|
physics2D and physicsProps plugins for tweening objects based on velocity, acceleration, friction, etc. (view demo) |
|||
|
scrambleText plugin for animated decoding of text. (view demo) |
|||
|
CustomBounce and CustomWiggle for creating customized bounce and wiggle eases (view demo) |
|||
|
morphSVG plugin SVG shape morphing, even with mis-matching numbers of points! (view demo) |
|||
|
Inertia plugin for tweens that flick, toss, and slide gracefully. (view demo) |
|||
|
SplitText for splitting apart characters, words, or lines of text for easy animation. (view demo) |
|||
|
MotionPathHelper for editing paths right in the browser. (view demo) |
|||
|
GSDevTools for advanced playback controls and accelerated workflow (view demo) |
|||
GSDevTools > advanced playback controls for GSAP
Features >
Learn more about GSDevTools. |
|||
| Business Extras | |||
| Commercial license (see licensing page for details) | |||
| Multi-developer memberships available | |||
Try any plugin for free on CodePen.
Most Popular
Educational Institutions
We gladly offer discounted pricing to various educational institutions; just let us know how we can help.
Request a discount
Enterprise Licensing
Need a custom commercial license? We realize that some legal departments have special requirements.
Get a Custom License
100% SATISFACTION GUARANTEED! If you're not thrilled, contact us and we'll gladly refund the full purchase price.
How it Works
- Immediately gain access to bonus plugins from your account dashboard
- Get a special badge on your GreenSock avatar indicating your membership status
- 10% discount on auto-renewals if you select that option during checkout
- All memberships last for 1 year (except permanent "Business Green")
- Cancel anytime
- You'll get a notification about 10 days before your membership expires or renews
- "Business Green" memberships come with a special commercial license
- Satisfaction guaranteed. If you're not thrilled, we'll gladly issue a full refund.
Got questions?
Our customers agree, you'll love what Club GreenSock has to offer.
Discovering TweenLite (and all of your products) was a defining moment in my career and has forever changed the way I create apps.
- Ben
$99 will save your 100+ hours
- EcuKit
With the incredible functionality, and the mind-blowing customer service, the price of Club GreenSock admission is well worth it!
- Tim Jaramilla
Best $ I spent in my life.
- Erik Hallander
Thanks GreenSock for all the questions you have answered. People should know that you stand behind your code, and that when it comes to tweening classes your code is second to none. You have me hooked for life.
- Gerry Fontaine
I thank you on my bare knees for the extra classes that came with the Shockingly Green package! These tools represent the best investment you can do as a developer (I earned the money back within one project because of the time saving features of TweenMax and the bonus classes).
- WLM
OK, so my membership is expiring. And I’m back to renew AND upgrade to Shockingly Green, happily, happily. The classes, the support...topnotch. To be honest, for most of what I do the free stuff would suffice, but I really like being able to throw my support to someone who really does a bang-up job for all of us. Thanks, GreenSock!
- Pharmboy
FAQS
I don’t want to pay annually. Can I get a permanent license that never expires?
What if I develop a commercial product for my client who will be the one selling the product? Who needs the “Business Green” membership?
Does Draggable use CSS3 animations or transitions for the motion?
requestAnimationFrame (when available) for maximum efficiency. See for yourself in Chrome Dev Tools - you should see very snappy performance in the timeline. Many other tools like jQuery UI use top/left properties for positioning which don't generally perform as well. These tools have been fully "GreenSocked" so performance is smoking fast, just like the core tweening engine.
Does the JavaScript version of GSAP use CSS3 transitions to deliver even better performance (with help from the GPU)?
CSS3 transitions have some significant limitations that make them unworkable for a serious animation platform. They don’t provide precise controls over the timing or easing. They’re great for simple effects but the GreenSock Animation Platform delivers extremely precise rendering, so you can do things like pause() and reverse() an animation anytime or skip to a specific time and play from there, etc. Try creating a CSS3 transition that uses an elastic.out or slow motion ease and then jump to 0.72494-seconds into a 2-second transition and pause() only to resume() later. It’s impossible from what I understand. So no, the platform doesn’t make use of CSS3 transitions. However, it is highly optimized for performance. See the detailed cage match where GSAP battles CSS3 transitions where there’s a detailed comparison in several categories.
Why aren't the bonus plugins hosted on a CDN?
Will the bonus plugins suddenly stop working when my membership expires?
Which browsers work with the JavaScript version of GSAP?
GSAP itself is pure JavaScript and should work in virtually ALL browsers. GSAP wasn’t intended to solve all browser incompatibilities, but it does implement wizardry for critical features like opacity, transforms (rotation, scaleX, scaleY, skewX, skewY, x, and y), and transformOrigin so those should work in all major browsers even back to IE6. Firefox doesn’t support backgroundPositionX or backgroundPositionY, so those specific properties won’t work but backgroundPosition will for virtually all browsers. There is NOT a predetermined list of css properties that you can tween – the platform will attempt to tween ANY property you pass in. If it is numeric, it will tween it. If it isn’t numeric and it isn’t a recognized special property, CSSPlugin will just set the property to the value you provide (without tweening it). So, for example, if you try to tween to display:"inline", that isn’t a tweenable property but it will still be set accordingly during the tween, so feel free to use that to your advantage.