CSS → Tailwind Converter

Paste your vanilla CSS properties on the left, and get the equivalent Tailwind utility classes on the right — instantly.

Try:

Vanilla CSS

Tailwind Classes

Tailwind classes will appear here...

How it works: This converter uses a built-in dictionary of 80+ CSS property-value pairs mapped to their Tailwind equivalents. It handles layout, spacing, typography, borders, shadows, and more. Properties without a direct match are flagged with a comment so you know what to look up manually.