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

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

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

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

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

Converti CSS classico in classi utility Tailwind CSS

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

1Incolla your CSS code in the input panel (single selector or full stylesheet).
2L'output mostra le classi Tailwind equivalenti.
3Le proprietà non mappate sono mostrate come valori arbitrari.
4Copia le classi per usarle nel tuo progetto.
5Usa batch mode (Starter+) to convert multiple CSS blocks separated by /* --- */.

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

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

Team OneKitToolsAggiornato 2.21.4