MakerFlowTools
Free client-side suite
Back to MakerFlow

Tailwind Cheat Sheet

Dev Tools

The Tailwind CSS scales people look up most — spacing, breakpoints, font sizes, radius, z-index — plus common composed patterns, all searchable.

Runs in your browser•Zero cloud uploads / Files stay on device•No account required

Tailwind’s default theme (v3). A customised tailwind.config can change any of these — check your own config if a value here does not match what you see rendered.

Section
Optimized For Platforms
developerdesign

How it works

1Pick a section — spacing, breakpoints, font size and the rest — or search for a class or keyword directly.
2Every scale shows the class suffix next to the value it resolves to, in Tailwind’s default theme.
3The patterns section has full class strings for the combinations you reach for on every project — centring a flex child, a responsive grid, truncating text.
4A customised tailwind.config changes these values — check your own config if something here does not match what renders.

Related tools in Dev Tools

View all Dev Tools tools →