CSS to Tailwind
Map CSS declarations to Tailwind utility classes per selector — spacing scale, flex/grid, colours, borders, :hover and media queries included.
Frequently asked questions
What if a property has no Tailwind utility?
It becomes an arbitrary property like [-webkit-font-smoothing:antialiased], which Tailwind 3.2+ supports, and is listed in a comment so you can review it.
Which Tailwind version is targeted?
Class names follow the default Tailwind 3 / 4 theme (spacing scale of 0.25rem, sm–2xl breakpoints). Colours are kept exact as arbitrary values such as bg-[#0a58ca].
Is CSS to Tailwind free?
Yes. CSS to Tailwind is free to use. You get 3 free conversions a day without an account, and unlimited use when you sign in with Google.
Are my files uploaded?
No. The conversion runs inside your browser, so your files stay on your device and are never sent to our servers.
Does it work on mobile?
Yes. PixKaro works in Chrome, Safari, Edge and Firefox on Android, iPhone, Windows and Mac.