Tailwind Cheat Sheet
A compact reference for the classes you reach for most often.
Spacing
- p-0 to p-96
- m-0 to m-96
- gap-0 to gap-96
- space-x-* / space-y-*
Layout
- flex
- grid
- inline-flex
- hidden
- container
Sizing
- w-*
- h-*
- min-w-*
- max-w-*
- aspect-*
Typography
- text-*
- font-*
- leading-*
- tracking-*
- line-clamp-*
Borders
- border
- border-*
- rounded-*
- ring-*
- divide-*
Effects
- shadow-*
- opacity-*
- blur-*
- backdrop-blur-*
Frequently Asked Questions
Is this Tailwind cheat sheet free to use?
Yes, the Tailwind cheat sheet is completely free with no login required.
Does it work offline?
Yes, it's a static reference page — once loaded, no network requests are needed to view the classes.
What Tailwind categories are covered?
It covers Spacing, Layout, Sizing, Typography, Borders, and Effects utility classes as a compact quick-reference for the classes developers reach for most often.
Is this a full replacement for the official Tailwind docs?
No, it's a condensed quick reference for common classes, not a complete list of every Tailwind CSS utility or configuration option — for full details, check the official Tailwind documentation.