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.

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

Vertical full-screen slider with dot controls – GSAP 3

GSAP

Here is a cool example of the vertical full-screen slider with dot controls to go back and forth to any particular section or slide. See the Pen Vertical full-screen slider w/4 controls – GSAP 3 by Puneet Sharma (@webdevpuneet) on...

Horizontal and Vertical Snapping Sections – ScrollTrigger

GSAP

Here is a nice example created by Greensock to create horizontal snapping of sections. Vertical See the Pen Jump to section with layering – ScrollTrigger by Puneet Sharma (@webdevpuneet) on CodePen. Horizontal See the Pen Horizontal snapping sections (simple)...

GSAP Scramble Text Plugin

GSAP

Here is an example of GSAP’s scramble text plugin. See the Pen GSAP Scramble Text Plugin – feature plugin page by Puneet Sharma (@webdevpuneet) on CodePen.