Paste raw CSS to get Tailwind utility classes, or paste Tailwind classes to get equivalent CSS. Two-way, client-side, no signup.
p-4 mt-6 flex justify-center items-center text-lg font-semibold bg-[#6366F1] rounded-xl
padding: 13px) becomes Tailwind's arbitrary-value syntax: p-[13px]. Unknown utilities are listed so you can map them manually.A guide for migrating from CSS / styled-components to Tailwind — naming, custom theme, and the gotchas.
No spam. Unsubscribe anytime.
Discover more utility-driven tools designed to enhance your workflow and technical excellence.
Test JavaScript regular expressions with live match highlighting, capture groups, and a plain-English breakdown of every token.
Build and decode cron schedules visually. Get the next 5 run times, a human-readable description, and copy-ready syntax.
Beautify, minify, sort keys, and validate JSON instantly. Side-by-side diff mode for comparing two payloads.