toolbin_

Convertire CSS in classi TailwindCSS

Converti dichiarazioni CSS in classi utility di TailwindCSS, con fallback a valore arbitrario.

Unrecognized properties become Tailwind arbitrary values ([property:value]). Double-check color and spacing mappings against your config.

🔒 100 % lato client — nessun dato inviato

Incolla dichiarazioni CSS e ottieni le classi utility TailwindCSS corrispondenti. Le proprietà riconosciute vengono mappate su classi standard, le altre su valori arbitrari. Conversione 100% locale.

What is it for?

  • Migrare CSS esistente verso Tailwind
  • Tradurre rapidamente un mockup CSS in classi
  • Imparare gli equivalenti Tailwind di una proprietà
  • Prototipare senza lasciare l'editor

FAQ

Sono supportate tutte le proprietà?

Le proprietà comuni hanno una classe dedicata; le altre vengono convertite in un valore arbitrario Tailwind del tipo [proprietà:valore].

Come vengono gestiti margini e spaziature?

I valori multipli di 4px (o 0,25rem) usano la scala Tailwind (p-4, mt-2…); altrimenti viene prodotto un valore arbitrario.

I colori vengono mappati sui colori Tailwind?

No, i colori vengono mantenuti così come sono in un valore arbitrario (bg-[#hex]) poiché dipendono dalla configurazione del tema.

Posso incollare una regola CSS completa?

Sì, il selettore e le parentesi vengono ignorati; solo le dichiarazioni vengono convertite.

Related tools