A website Smooth Scroll Cards Parallax animation tutorial featuring Lenis Scroll, Framer Motion all inside a Next.js application.

Demo / Source code: https://blog.olivierlarose.com/tutori...

00:00 Intro
00:22 Rendering the cards
3:17 Making the cards sticky
5:38 On Scroll Image Scaling
11:06 Cards parallax
17:40 Adding a smooth scroll

More animations: https://blog.olivierlarose.com/
Follow me on Twitter:   / olivierlarose_  
Discord Channel:   / discord  

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #svg #morph