Still in beta

Migrating from Bootstrap to Tailwind has never being easier

A free tool that helps you generate common css classes like .btn .btn-blue .container-lg and many more, that you can easily @import later into you tailwind file.

Start Generating

Why is it helpful?

Remember .btn, .badge and others? They make sence!

Tailwind is amazing, but it takes a lot of classes to create a simple button: "gap-2 inline-flex justify-center rounded-full px-4 py-2 text-sm/6 font-semibold bg-gray-500 text-white hover:bg-gray-600" with tailboot you just need .btn btn-gray.

Some of the included classes

Were bg, text and headings automatically change with theme and text-balance

.container-* .absolute-c .abolute-tr... .row .row-center h1, h2, h3... text-display brand color light, dark colors .btn .badge .label-* .bevel-* .form-basic .form-muted .box-* .modal .toast .shadow-echos and many more

.box-lg

.box

.box-sm

.box-xs

Some of the included classes

.container-* .absolute-c .abolute-tr... .row .row-center h1, h2, h3... brand color light, dark colors .btn-* .badge .label-* .bevel-* .box-* .modal .toast .shadow-echos

What about dark mode?

We're making everything dark mode ready.

Help us get better ❤️ and pay for servers