ReactJs, TailwindCSS + SwiperJS Landing Page | TailwindCSS crash course in this video we will be building a landing page for a website using ReactJs, TailwindCSS and SwiperJs for carousels. Learn how to set up or bootstrap a ReactJs application using vite, install and configure tailwindcss, customize colors, screens etc. Master creations of slides/carousel using swiperjs and also customization of distinct parts.

This video explores tailwindcss and SwiperJs in-depth within the timeframe and would leave you with substantial knowledge on the use of both technologies and also tips and tricks for your react applications.

____ Contents of this Video____

00:00 – Intro
00:17 – Installations and set up
09:15 – TailwindCSS intellisense installation
09:55 – TailwindCSS Demo
13:54 – Navbar
40:31 – Hero Section
54:26 – Carousel with SwiperJS
1:17:40 – Additional Section
1:22:32 – Newsletter
1:28:11 – Footer
1:34:24 – Outro

IMPORTANT LINK
πŸ‘‰ PROJECT GITHUB REPO:

πŸ‘‰Custom CSS + Manipulation Using JavaScript :

πŸ‘Š Stay connected with me

Twitter:
Instagram:
Github:

πŸ‘ Don’t forget to like and subscribe