Tailwind CSS v4

Install Tailwind CSS v4, configure with CSS-first approach, set up @theme, and use @import "tailwindcss".

30 commonly used Tailwind CSS utility patterns for typography, buttons, cards, forms, and more.

Core utilities cheatsheet — the most-used classes and what changed in v4.

Common flexbox and CSS Grid layout patterns with Tailwind CSS.

Breakpoints, container queries, and mobile-first patterns in Tailwind CSS v4.

Dark mode, color schemes, and dynamic theming with Tailwind CSS v4.

Transitions, keyframes, and motion — smooth UI interactions with Tailwind CSS v4.

Create custom utilities with @utility, custom variants with @variant, and use plugins in Tailwind CSS v4.

The full Tailwind CSS v4 color palette -- every color and shade, with usage patterns and customization.