A Next.js Scroll Animation That Earns Its PIN (ScrollTrigger Done Right)

Description

Learn how to create scroll-driven section reveals in Next.js using GSAP, ScrollTrigger, and Lenis, with controlled pinning and rotation tied directly to scroll progress. Source Code: https://codegrid.gumroad.com/l/codegridpro Inspiration: Follow.art Website: https://follow.art/ 00:00 Intro 01:57 Project Setup, Dependencies & Assets 02:48 Markup Structure 05:06 Styling & Layout 08:48 Imports & DOM Refs 10:06 Smooth Scrolling with Lenis 11:22 Setting up useGSAP 11:43 Scroll-Driven Rotation (Tilt) 13:30 Section Pinning Logic Instagram: https://www.instagram.com/codegridweb/ Twitter: https://twitter.com/codegridweb/ Public Discord: https://discord.gg/B8B9MXxuSS Music from Epidemic Sound. Thanks for watching!