Beautiful Animated Nav Bar with React & Framer Motion

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

Today we'll build animated navigation tabs, inspired by Cal, using React, TailwindCSS and Framer Motion!

📚 Project Links
Code: https://www.hover.dev/components/tabs
Inspo: https://cal.com/
Another approach by ‪@samselikoff‬:    • Animated tabs – with inverted text!  

🔗 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:35 - Initial setup & overview
2:11 - How mix blend mode works
3:03 - Creating the background cursor
4:18 - Animating the cursor on hover
10:45 - More ideas and other approaches