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.

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...

Vertical section scroll and horizontal scroll snap and with anchor navigation – GSAP

GSAP

Here is a working example of a vertical section scroll and horizontal scroll snap with anchor navigation using GSAP’s scrolltrigger plugin. DEMO See the Pen Anchor navigation to ScrollTriggered section by Puneet Sharma (@webdevpuneet) on CodePen. Here’s...

Responsive animation using gsap.matchMedia() – GSAP

GSAP

Here is the list of examples – https://codepen.io/collection/vBebgJ?cursor=eyJwYWdlIjoxfQ== Tutorial...

Stagger animations with GSAP 3

GSAP

Here is a cool example of advanced staggers in GSAP See the Pen Advanced staggers in GSAP 3 by Puneet Sharma (@webdevpuneet) on CodePen. Here is another simple example See the Pen Untitled by Puneet Sharma (@webdevpuneet) on...