Fast & Free - Tool to convert your CSS classes to Tailwind classes

Your CSS classes (max 20 classes/request & max 5 props/class)

Unlimit? contact me

Your HTML, CSHTML, JSX, TSX, PHP,...

(optional, allow empty)

Choose convert mode:

Class mode (as few classes as possible)

Property mode (as few properties per each class as possible)

Example: .text-example { aspect-ratio: auto; font-size: 1.125rem; line-height: 1.75rem; }

Class mode: .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .aspect-auto { aspect-ratio: auto; }
Property mode: .aspect-auto { aspect-ratio: auto; } .text-[1.125rem] { font-size: 1.125rem; } .leading-7 { line-height: 1.75rem; }