Staggered Text Animations with React and Framer Motion
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
Today we'll build what might just be THE MOST common animation for Awwward winning websites using React, TailwindCSS and Framer Motion!
📚 Project Links
Code: https://www.hover.dev/components/links
🔗 My Links
TikTok: / tomisloading
Instagram: / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter: / tomisloading
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/
Website: https://www.hover.dev
Timeline:
0:00 - Introduction
0:24 - How it's going to work
1:51 - Let's start coding
6:48 - Splitting up the letters of the animation
9:07 - Staggering the animation