Which Tailwind classes are supported?

Common utility classes for display, position, alignment, typography, spacing, borders, and more. Unknown classes are marked for manual review.

Tailwind to CSS Converter

Convert Tailwind CSS classes to vanilla CSS. Extract plain CSS from Tailwind utilities.

How to use: Paste Tailwind classes to see the equivalent plain CSS.

Tailwind Classes

CSS Output

display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-radius: 0.5rem;
font-weight: 700;
font-size: 1.125rem;

Paste Tailwind CSS classes to see the equivalent vanilla CSS properties. Useful for learning CSS or migrating away from Tailwind.

Which Tailwind classes are supported?: Common utility classes for display, position, alignment, typography, spacing, borders, and more. Unknown classes are marked for manual review.