Arbitrary values (e.g., w-[137px]) are used when there is no exact Tailwind utility — consider rounding to standard values.

Paste entire stylesheets with multiple selectors — the tool handles all of them in one pass?

Paste entire stylesheets with multiple selectors — the tool handles all of them in one pass.

Use the JSX copy mode when working in React — it wraps classes in className syntax?

Use the JSX copy mode when working in React — it wraps classes in className syntax.

Convert any CSS to Tailwind CSS utility classes instantly — full property mapping, arbitrary values, multi-selector support, and batch conversion

Convert any CSS to Tailwind CSS utility classes instantly — full property mapping, arbitrary values, multi-selector support, and batch conversion.

1Paste your CSS code in the input panel (single selector or full stylesheet).
2Click 'Convert' to see the equivalent Tailwind classes for each selector.
3Review the output — properties are marked as Exact, Approx, Arbitrary, or Unsupported.
4Copy the output as raw classes, JSX className, or HTML class attribute.
5Use batch mode (Starter+) to convert multiple CSS blocks separated by /* --- */.

Arbitrary values (e.g., w-[137px]) are used when there is no exact Tailwind utility — consider rounding to standard values.
Paste entire stylesheets with multiple selectors — the tool handles all of them in one pass.
Use the JSX copy mode when working in React — it wraps classes in className syntax.

Free: limited properties per conversion. Starter+: unlimited properties, batch mode.

OneKitTools TeamUpdated 2.21.4