Section 01
Tailwind Foundations
Install Tailwind v4, learn the utility-first mindset, variants, dark mode.
10 / 10 lessons
Tailwind CSS v4 · intermediate
Tailwind CSS track
Master Tailwind CSS v4. The utility-first workflow, layout, theming with the CSS-first @theme engine, variants, custom utilities, design systems, framework integration, and production performance.
Start the first lesson
70 of 70 lessons live
Section 02
Layout
Display, flexbox, grid, spacing, sizing, position, container queries.
10 / 10 lessons
Section 03
Typography & Color
Text utilities, the OKLCH color system, backgrounds, gradients, prose.
10 / 10 lessons
Section 04
Borders & Effects
Borders, rings, shadows, opacity, filters, backdrop, masks, SVG.
10 / 10 lessons
Section 05
Variants & Interactivity
Pseudo-classes, group/peer, has-*, data/aria, transitions, animations.
10 / 10 lessons
Section 06
Customization & Theming
The v4 CSS-first model — @theme, @utility, @variant, @apply, plugins, layers.
10 / 10 lessons
Section 07
Patterns & Production
Component patterns, framework integration, design systems, performance.
10 / 10 lessons