Tailwind Cheat Sheet

Every Tailwind CSS v4 utility and variant at a glance. Search, preview colors and copy classes in one click.

Every Tailwind CSS v4 class, one click away. Tailwind Cheat Sheet puts the whole framework in your toolbar. Look up a class, see the exact CSS it generates, and copy it. No docs tab needed. What's inside 5,500+ utilities and 90+ variants from Tailwind CSS v4, including v4 additions like size-*, text-shadow-*, mask-*, container queries and scheme-* Real CSS output: every value is generated by Tailwind itself, so p-4 shows padding: 1rem; with a 16px hint Fast search: type a class (p-4), a property (gap), a value (1rem), a color (text red) or a variant (sm:) Click to copy any class or its CSS Color swatches for the full palette Browse by category, from Layout and Spacing to Filters and Variants, with a link to the official docs in every section Keyboard shortcuts: Alt+Shift+T opens the popup, / or ⌘K focuses search, Esc clears it Private by design No permissions, no tracking, no network requests. Everything runs offline. Open source Source, issues and feature requests: github.com/shahidshaikhs/Tailwind-Cheat-Sheet-Chrome-Extension