Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js
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
