Skip to content
Free Tool Arena

Developer Utilities · Free tool

CSS to Tailwind

Paste a CSS rule and get the equivalent Tailwind utility classes. Great for migrating legacy stylesheets.

Updated April 2026
Tailwind classes
flex py-4 px-6 bg-white rounded-[12px] text-sm text-[#111827]

What it does

Paste a raw CSS rule and get the equivalent Tailwind utility classes. Handles common properties like padding, margins, colors, and display.

How to use it

  1. Paste CSS (one rule).
  2. Copy the Tailwind classes.
  3. Paste into your markup.