Legacy v3 examples

The original example pages this handbook grew out of, archived exactly as they were. They target Tailwind CSS v3 and are kept for reference only.

Where this content lives now

Every topic below has been rewritten for Tailwind v4.3. Use the current page instead.

Archived pageCurrent documentation
01 Utility FirstUtility-First CSS
02 ColorsColors
03 Container & SpacingSpacing, Container & Columns
04 TypographyFonts, Text Styling
05 SizingSizing
06 Layout & PositionDisplay, Position
07 Backgrounds & ShadowsBackgrounds & Gradients, Shadows
08 BordersBorders
09 FiltersFilters & Effects
10 InteractivityStates & Variants
11 BreakpointsResponsive Design
12 ColumnsContainer & Columns
13 FlexFlexbox
14 GridGrid
15 Transform & TransitionTransforms, Transitions
16 AnimationAnimation
17 CustomizationTheme & Design Tokens
18 Dark ModeDark Mode
Toast notificationsModals & Toasts

The archived pages

Back to the current documentation