Tailwind CSS
Course Index
29 Lessons · 3 Sections
Master Tailwind CSS v4 — the #1 CSS framework globally with 97M+ weekly downloads. Utility-first design, container queries, dark mode & React/Vue/Svelte integration. Covers shadcn, daisyUI & 5 production builds including SaaS & e-commerce.
29Lessons
3Sections
5Projects
FreeAccess
Section 1Tailwind Fundamentals & LayoutLessons 1–10
Lesson 1
What is Tailwind CSS?
Lesson 2
Tailwind vs Bootstrap vs CSS
Lesson 3
Tailwind v4: Setup & CSS Config
Lesson 4
Core Utility Classes
Lesson 5
Spacing: Padding & Margin
Lesson 6
Typography Utilities
Lesson 7
Colours & Backgrounds
Lesson 8
Flexbox Utilities
Lesson 9
Grid Utilities
Lesson 10
Responsive Design: Breakpoints
Section 2Advanced Tailwind & Framework IntegrationLessons 11–22
Lesson 11
State Variants: hover, focus, active
Lesson 12
Dark Mode
Lesson 13
Borders, Shadows & Effects
Lesson 14
Transitions & Animations
Lesson 15
Transforms
Lesson 16
Container Queries
Lesson 17
Customising Theme: CSS Variables
Lesson 18
@layer: components & utilities
Lesson 19
Arbitrary Values
Lesson 20
Group & Peer Modifiers
Lesson 21
Tailwind with React
Lesson 22
Tailwind with Vue & Svelte
Section 3Component Libraries & ProjectsLessons 23–29