Build a Text Parallax Animation with React and Framer Motion
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
