How to build Responsive Hero Section with React js + Tailwind + Framer-motion

Published: 20 August 2024
on channel: The Coding Journey

2,576

In this video you'll learn to build Responsive Animated Hero Section with React js + Tailwind + Framer-motion

👀 Live Preview
https://coders-gym-hero-tcj.netlify.app/

_________________________________________

🧡 Support me here
https://buymeacoffee.com/thecodingjou...

💬 Join our coders community
WhatsApp
https://chat.whatsapp.com/Hu643OfjQax...
Telegram
https://t.me/the_coding_journey

_________________________________________

⏱ Timestamps
00:00:00 Intro
00:00:58 Software Download
00:01:08 Project Setup
00:03:12 Tailwind config, Google fonts
00:04:32 Navbar section using react and tailwind CSS
00:21:07 Animated Hero Page using tailwind CSS
00:43:39 Final project

👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜

_________________________________________

#reactjs #tailwindcss #framermotion #uidesign #gym #gymwebsite #yoga #yogawebsite #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial

Watch video How to build Responsive Hero Section with React js + Tailwind + Framer-motion online without registration, duration hours minute second in high quality. This video was added by user The Coding Journey 20 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,57 once and liked it 6 people.