Tailwind to CSS Converter

Convert Tailwind CSS utility classes to plain CSS. Paste your classes and get the equivalent CSS output instantly.

11.8Kuses

8.1/10(266)

Tailwind Classes

Note: Responsive prefixes (sm:, md:, lg:) and state variants (hover:, focus:) are stripped during conversion.

Examples

CSS Output

display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
background-color: #1a1a2e;
border-radius: 0.5rem;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

Recommended Products

📖Web Design BooksShop →🖥️Developer MonitorsShop →🎨Color Reference CardsShop →⌨️Coding KeyboardsShop →📚Design BooksShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →

Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.