Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

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
View Features Buy Now

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
View Features Buy Now
BusinessGreen
For businesses who want everything including a special commercial license.
Starting at
$150
Per
Year
View Features Buy Now

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)

Learn more about DrawSVGPlugin

physics2D and physicsProps plugins for tweening objects based on velocity, acceleration, friction, etc. (view demo)

Tween any value at a particular velocity and/or acceleration without needing to define an end value. One unique convenience is that everything is reversible. So if you spawn a bunch of particle tweens and throw them into a TimelineLite, you could simply reverse() it to watch the particles retrace their steps right back to the beginning!

Learn more about Physics2DPlugin and PhysicsPropsPlugin.

scrambleText plugin for animated decoding of text. (view demo)

Learn more about ScrambleTextPlugin.

CustomBounce and CustomWiggle for creating customized bounce and wiggle eases (view demo)

Learn more about CustomWiggle & CustomBounce.

morphSVG plugin SVG shape morphing, even with mis-matching numbers of points! (view demo)

Learn more about MorphSVGPlugin.

Inertia plugin for tweens that flick, toss, and slide gracefully. (view demo)

Drag and toss me
Drag and toss me
Spin the Knob
  • Options

Learn more about InertiaPlugin.

SplitText for splitting apart characters, words, or lines of text for easy animation. (view demo)

SplitText makes it easy to break apart the text in an HTML element so that each character, word, and/or line is wrapped in its own div tag.

Learn more about SplitText.

MotionPathHelper for editing paths right in the browser. (view demo)

Click the path to edit it in your browser!

Learn more about MotionPathHelper.

GSDevTools for advanced playback controls and accelerated workflow (view demo)

GSDevTools
> advanced playback controls for GSAP
Features >
  • visual & programmatic controls
  • in & out points
  • keyboard shortcuts
  • time scale (slow/fast motion)
  • looping
  • minimal / responsive mode
  • Jump to any animation with an ID...
  • ...and everything remains synchronized!
  • Speed up your animation workflow.
  • Great for client reviews too!

Learn more about GSDevTools.

Business Extras
Commercial license (see licensing page for details)
Multi-developer memberships available

Try any plugin for free on CodePen.

SimplyGreen
$50
Per
Year

Most Popular

ShockinglyGreen
$99
Per
Year
BusinessGreen
$150
Per
Year
A graduation cap

Educational Institutions

We gladly offer discounted pricing to various educational institutions; just let us know how we can help.

Request a discount
A building

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

Where can I report a bug, feature request, or rave about my tweening adventures with GSAP?

In our support forums.

Can I use the JavaScript version of GSAP for canvas objects or 3rd party tools like EaselJS?

You can animate ANY numeric property of ANY JavaScript object – it’s not just for DOM elements. So yes, you can animate canvas objects, EaselJS assets, and pretty much anything JavaScript-related. In fact, GSAP even has an EaselPlugin to make it easier to animate EaselJS properties. If you need to run logic after each refresh (like to redraw things on the canvas), either use an onUpdate on the individual tween/timeline or add a “tick” event listener to the core Ticker that drives the platform.

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.

Does Draggable have any dependencies?

The only dependency is on GreenSock's core. There are no dependencies on jQuery or any other libraries, although they work great together.

Does Draggable only work with DOM elements? Can I get it in a canvas-based app ?

Yes, Draggable is just for DOM elements. But the real magic behind all the fluid motion and snapping is InertiaPlugin, and that can be used to tween any property of any object, not just DOM elements. So yes, you can absolutely get this kind of motion in other contexts but you'd need to wire up the actual dragging logic yourself and then fire off an InertiaPlugin tween when the user releases their mouse/touch. InertiaPlugin can even track the velocity of any property for you too (even function-based getters/setters!), so it's quite a powerful tool.

What browsers does Draggable support?

Pretty much every major browser is supported including Chrome, Firefox, Opera, iOS, Android and IE even back to version 9! We're not aware of any significant browsers that don't work, but please let us know if you stumble across an issue.

Does Draggable use CSS3 animations or transitions for the motion?

Nope. CSS3 transitions and animations have some significant limitations that make them ill-suited for the type of motion that these tools require, so highly optimized JavaScript is used instead. In order to tap into GPU compositing, 3D transforms are used when possible (in browsers that support them) and updates are made using 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.

Do I have to purchase a license to use Draggable? Can I use it in commercial projects?

IntertiaPlugin is a membership benefit of Club GreenSock, so you need to sign up to get that. Draggable, however, is included in all the standard downloads and you don't need a membership to get that; Draggable can be used apart from InertiaPlugin as long as you don't need the momentum-based motion. GreenSock's standard license allows you to use GreenSock tools for free in everything except a very specific type of commercial project (if you collect a fee from multiple customers for the app/product/game/site that uses GreenSock tools) which makes it extremely accessible and business-friendly while providing a small funding mechanism to sustain ongoing support, enhancement, and innovation. The web is littered with abandoned “open source” projects, but GreenSock has a years-long track record of commitment to the platform. This unique licensing model is a key component of its sustainability. If you charge multiple customers a usage/access/license fee, please simply sign up for a “Business Green” Club GreenSock membership which comes with a special commercial license granting you permission to do so. Click here for details. Joining the club also gets you members-only bonus plugins, utilities, update notifications, and more.

×