Create a Parallax Scrolling Effect in Next.js with GSAP & Lenis

In this video, I’ll show you how to create a smooth parallax scrolling effect in Next.js using GSAP ScrollTrigger and Lenis for buttery-smooth scrolling! 🚀 Inspired by the stunning website of Michael Aust (found on Awwwards), we’ll break down the animation step by step.

What You’ll Learn:
✅ Setting up Next.js for smooth scrolling
✅ How Lenis replaces Locomotive Scroll for better performance
✅ Creating a parallax effect using GSAP ScrollTrigger
✅ Combining smooth scroll + parallax animations like Awwwards-level websites

🔗 Useful Links
📜 Inspiration: https://michael-aust.com/
📜 GSAP ScrollTrigger Docs: https://greensock.com/docs/v3/Plugins/ScrollTrigger
📜 Lenis Docs: https://github.com/studio-freight/lenis
📜 Next.js Docs: https://nextjs.org/docs
👥 Connect with Me:
🔗 GitHub: https://github.com/gobinda-das-dev
🔗 LinkedIn: https://www.linkedin.com/in/gobinda-das-dev/

If you found this helpful, smash the like button 👍, subscribe for more web dev tutorials, and drop a comment if you have any questions! 💬

#Nextjs #GSAP #Lenis #SmoothScroll #WebAnimations #ParallaxScrolling #FrontendDevelopment

Видео Create a Parallax Scrolling Effect in Next.js with GSAP & Lenis канала Gobinda Das