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

Fill outlined text with color – GSAP

GSAP

Here is a working example to create an outlined text and fill it on hover with GSAP See the Pen GSAP Text Fill by Puneet Sharma (@webdevpuneet) on CodePen.

ScrollTrigger Layered Pin – GSAP

GSAP

Here is an example of horizontal and vertical section scrolls while a user scrolls up and down. See the Pen ScrollTrigger Layered Pin by Puneet Sharma (@webdevpuneet) on CodePen. Another example: ScrollTrigger feature: containerAnimation See the Pen Horizontal...

Horizontal scroll effect – GSAP

GSAP

Here is a demo for a horizontal list scroll while user scrolls up and down. See the Pen ScrollTo Demo by Puneet Sharma (@webdevpuneet) on CodePen.