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
Watch video Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 19 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 25,390 once and liked it 990 people.