Tailwind ↔ CSS Converter

Convert Tailwind CSS utility classes to their equivalent plain CSS. Paste Tailwind classes and see the generated CSS output. Supports layout, spacing, sizing, colors, typography, flexbox, grid, and other common utilities. Useful for understanding what Tailwind classes translate to.

Tailwind Classes

CSS Output

display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
margin: 0.5rem;
border-radius: 0.5rem;
font-size: 1.125rem;
font-weight: 600;
width: 100%;

Frequently Asked Questions

Related Tools

HTML Formatter

Format and beautify HTML code

SQL Formatter

Format and beautify SQL queries

CSS Formatter

Format and beautify CSS code