What is Greensock?

 

Is no longer a secret that flash and punk is dead. But what is GSAP? Well, the GreenSock Animation Platform (GSAP) is a suite of tools for developing awesome scripted animations. Also, it is one of the most powerful JS animation libraries available right now.

 

I should mention three major things that make GSAP an amazing tool:

  • Speed: Flash may be dead but do you know the Flash the superhero? the super fast one? Well GSAP is The Flash of animations. The performance and optimization make GSAP one of the fastest animation libraries. Did you know that it’s up to 20 times faster than jQuery?  P.S: Even Google developers recommend GSAP for JavaScript-based animations.
  • Cross-browser compatibility: Yet I had some issues with IE11. Here I should mention the fact that Greensock has a great forum with lots of data as well on stackoverflow!
  • Refined tools, total control: literally, you can create not just individual ‘tweens’ to animate but even a chain of ‘tweens’. You can nest other timelines as deeply as you wish! Greensock offers you a tool which has no limits in styling!

 

GSAP simply animates the numeric properties of JavaScript objects, and that is the secret behind the flexibility of the entire platform. Watch this short video:

 

 

Greensock & Codepen

 

The great thing is that you can use greensock libraries on codepen for free! They provide you public CDN links to use it! Yes, in order to use Greensock for commercial you kinda need a license.

Codepen is one of the greatest things ever happened in the Front End industry. Nowadays, your Codepen profile is more relevant than your well-designed PDF CV, a thing which I enjoy.

 

Let’s have a look, and do not forget to let me know what you think!

 

See the Pen Instagram SVG Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Earth SVG Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Click | SVG Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Search UI Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen PANTONE Greenery CSS Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Daily UI | Switch Transition by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Earth Loader SVG by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Eraser Loader Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Icon | Text : Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Loader with Background Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Morphing SVGs Animation by Ben Sinca (@arcticben) on CodePen.


 

See the Pen Friday Friday Friday Friday Friday Friday by Ben Sinca (@arcticben) on CodePen.