CSS ↔ Tailwind

Turn a block of CSS into Tailwind utility classes, or convert Tailwind back into plain CSS, with an arbitrary-value fallback so nothing is lost.

Direction

CSS

Tailwind classes

flex items-center gap-3 size-80 py-4 px-6 bg-slate-800 text-slate-50 border border-solid border-slate-700 rounded-xl shadow-lg text-sm font-semibold

More Dev tools