Category: GSAP

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Animate a Coffee Drinking Sprite With ScrollTrigger

GSAP

Here is a very cool example of animating a coffee-drinking sprite with GSAP’s scrolltrigger plugin. See the Pen How to Animate a Coffee Drinking Sprite With ScrollTrigger by Puneet Sharma (@webdevpuneet) on CodePen.

Scrolling through a tube using scrolltrigger – GSAP

GSAP

Here is an amazing site to watch that looks like a space tunnel to reach the other end by scrolling in and out. See the Pen 🚄 ScrollTriggering Through a Tube GSAP – ScrollTrigger Demo by Puneet Sharma (@webdevpuneet) on CodePen.

Stacking card animation effect – GSAP

GSAP

Here is a nice example of a stacking card animation effect using GSAP. Have fun! See the Pen stacking card animation effect by Puneet Sharma (@webdevpuneet) on CodePen.

Parallax animations examples – GSAP

GSAP

Here are a few cool examples of parallax animations using GSAP See the Pen Simple parallax sections – ScrollTrigger by Puneet Sharma (@webdevpuneet) on CodePen. See the Pen Parallax header – ScrollTrigger by Puneet Sharma (@webdevpuneet) on...

Object movement along motion path on scroll with rotation animation – GSAP

GSAP

Here is a cool example of an object movement along a motion path on scroll with rotation animation – GSAP See the Pen Running Tractor by Puneet Sharma (@webdevpuneet) on CodePen. Here is another example similar to the above but with more dimensions. See the Pen...

Infinite Scrolling Cards with GSAP and ScrollTrigger (continuous snap)

GSAP

Here is a working example of Infinite Scrolling Cards with GSAP and ScrollTrigger (continuous snap). DEMO See the Pen Infinite Scrolling Cards with GSAP and ScrollTrigger (continuous snap) by Puneet Sharma (@webdevpuneet) on...