Build a Parallax Section Transition with React and Framer Motion

Published: 13 May 2024
on channel: Olivier Larose
17,612
853

A website tutorial featuring a perspective transition animation with a smooth scroll using React, Framer Motion, Next.js and Lenis Scroll. Inspired by: https://www.joinflowparty.com/

Source Code / Live demo:
https://blog.olivierlarose.com/tutori...

00:00 Intro
00:22 Project overview
00:51 Making the section sticky
2:04 Tracking the scroll
3:54 Animating on Scroll
7:34 Outro

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

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion #threejs


Watch video Build a Parallax Section Transition with React and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 13 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,612 once and liked it 853 people.