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
Смотрите видео Beautiful Animated Nav Bar with React & Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tom Is Loading 28 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 16,417 раз и оно понравилось 686 людям.