A website animation featuring a Text Parallax with sliding text on scroll, made with Framer Motion and React, inside a Next.js app

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

00:00 Intro
00:16 Project Overview
00:46 Putting all phrases aligned
2:49 Adding asymmetry
3:54 Tracking the Scroll
6:15 Translating on Scroll
8:04 Adding directions
9:33: Playing with values
10:32 Outro

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

Thanks for watching!

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