Overview
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
Details
- Version2.0.0
- UpdatedSeptember 27, 2026
- Size213KiB
- LanguagesEnglish
- DeveloperShahid ShaikhWebsite
1/404, Mubarak Complex CHS, Vinoba Bhave Nagar Kurla West Mumbai, Maharashtra 400070 INEmail
shahid.sk27595@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes