Mastering Tailwind CSS UI/UX with 18 Project Examples 2024
- Description
- Curriculum
- FAQ
- Reviews
Tailwind CSS is a highly popular utility-first CSS framework that has revolutionized the way web developers approach front-end design. In this comprehensive Udemy course, you’ll dive deep into the world of Tailwind CSS, learning how to leverage its powerful features to create stunning and responsive user interfaces.
Throughout the course, you’ll start with the basics of Tailwind CSS, exploring its classes and understanding how to work with paddings, typography, images, animations, transformations, and transitions. You’ll then progress to building more advanced components, such as buttons, avatars, badges, cards, menu systems, vertical bars, and dropdown menus. Additionally, you’ll learn how to design website modes, footers, accordions, and modals, all while keeping the focus on creating visually appealing and user-friendly designs.
One of the highlights of this course is the implementation of real-world projects. You’ll follow along as the instructor guides you through the development of a full website project, a price list, login forms, chat UI and many more. These practical exercises will not only reinforce your understanding of Tailwind CSS but also equip you with the skills to apply what you’ve learned in your own projects.
By the end of this course, you’ll be a confident Tailwind CSS user, capable of designing and building responsive, visually stunning websites and web applications. Whether you’re a beginner or an experienced web developer, this course is designed to take your front-end development skills to new heights.
-
53IntroductionVideo lesson
-
54ButtonsVideo lesson
-
55AvatarsVideo lesson
-
56BadgesVideo lesson
-
57Card 01Video lesson
-
58Card 02Video lesson
-
59Card 03Video lesson
-
60MenuVideo lesson
-
61Vertical Menu BarVideo lesson
-
62Dark ModeVideo lesson
-
63Dropdown MenuVideo lesson
-
64FooterVideo lesson
-
65AccordionVideo lesson
-
66ModalVideo lesson
-
67Price ListVideo lesson
-
68Login FormVideo lesson
-
69Top Menu - Salespecks WebsitesVideo lesson
-
70Top Banner - Salespecks WebsiteVideo lesson
-
71Top Grid Card - Salespecks WebsiteVideo lesson
-
72Technology Section - Salespecks WebsiteVideo lesson
-
73Products & Services - Salespecks WebsiteVideo lesson
-
74Testimonial Section - Salespecks WebsiteVideo lesson
-
75Footer Section - Salespecks WebsiteVideo lesson

External Links May Contain Affiliate Links read more