CSS to Tailwind Converter

Convert plain CSS properties to Tailwind utility classes. Supports Tailwind v3 and v4.

CSS Input

Press Ctrl+Enter to convert

Tailwind Classes Output
.card
flexflex-colgap-4p-6my-4mx-autobg-[#ffffff]rounded-lgshadow-mdmax-w-lgoverflow-hidden
.title
text-2xlfont-boldtext-[#111827]leading-tighttracking-tight
.button
inline-flexitems-centerpy-2px-4bg-[#3b82f6]text-[#ffffff]rounded-mdfont-mediumcursor-pointertransition-all