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
Watch video Build a Text Parallax Animation with React and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 27 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 8,287 once and liked it 463 people.