Tailwind CSS Cheatsheet
A searchable quick reference of common Tailwind CSS utility classes. Type to filter across all categories, then click any class to copy it to your clipboard.
Click any class to copy it.
No classes match your search. Try a shorter word like flex, text or border.
How to use
- Type in the search box to filter classes across every category, or scroll to browse by category.
- Click any class card to copy the class name instantly.
- Paste the class into your HTML element to apply the style with Tailwind CSS.
Frequently asked questions
It is a quick reference of common Tailwind CSS utility classes, grouped by category, so you can find and copy the class you need without opening the full documentation.
Type any word into the search box and the list filters instantly across all categories, matching both class names and their descriptions. Categories with no matches are hidden.
Just click the class card. The class name is copied to your clipboard and the card briefly shows Copied so you know it worked.
Yes. These are standard utility classes from the Tailwind CSS framework, so they work in any project where Tailwind is set up.