Back to Browse

How to build Responsive Hero Section with React js + Tailwind + Framer-motion | E-Tutor Hero section

3.8K views
Sep 15, 2024
24:15

In this video you'll learn to build Responsive Animated Hero Section with React js + Tailwind + Framer-motion πŸ‘€ Live Preview https://e-tutor-tcj.netlify.app/ _________________________________________ πŸ“‚ Source code : https://buymeacoffee.com/thecodingjourney/e/303434 🎁 Join our community to start your journey. WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV Features: πŸ‘‰πŸ» Responsive Complete Landing page. πŸ‘‰πŸ» Animated Sidebar. πŸ‘‰πŸ» Modern Animated website using Framer motion. πŸ‘‰πŸ» Fully Responsive Hero page( All device supported ) πŸ‘‰πŸ» Number Counter section πŸ‘‰πŸ» Sliding Testimonial section πŸ‘‰πŸ» Modern Animated card πŸ‘‰πŸ» Responsive Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: πŸ”₯ How to build Responsive Navbar using ReactJS. πŸ”₯ How to build Navbar Notifiacation Banner using ReactJS. πŸ”₯ How to build Modern Responsive Hero page using ReactJS, Tailwind CSS and Framer motion. πŸ”₯ You'll learn how to animate website with framer motion. πŸ”₯ How to build Number Counter section using ReactJS. πŸ”₯ You'll build fully responsive website in reactJS using Tailwind CSS πŸ”₯ Best practices and debugging skills. πŸ”₯ How to build Responsive Sliding Testimonial using ReactJS. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - πŸ’Ό Packages : tailwind: https://tailwindcss.com/ reactjs: https://react.dev vitejs: https://vitejs.dev/guide/ react-icons: https://react-icons.github.io/ framer-motion: https://www.framer.com/motion/ design-credit: https://dribbble.com/shots/21537162-Tutor-Online-tutoring-Landing-page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Follow us on - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactjs #educationewebsite #educational #onlinelearning #tailwind #framermotion #Elearning #tailwind #responsivewebsite #coffee #tailwindcss #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #coding #codingtutorial

Download

0 formats

No download links available.

How to build Responsive Hero Section with React js + Tailwind + Framer-motion | E-Tutor Hero section | NatokHD