Convertir du CSS en classes TailwindCSS
Convertissez des déclarations CSS en classes utilitaires TailwindCSS, avec repli sur les valeurs arbitraires.
Les propriétés non reconnues sont converties en valeurs arbitraires Tailwind ([propriété:valeur]). Vérifiez les correspondances de couleurs et d’espacement selon votre config.
🔒 100 % côté client — aucune donnée envoyée
Collez des déclarations CSS et obtenez les classes utilitaires TailwindCSS correspondantes. Les propriétés reconnues sont mappées vers les classes standard, les autres vers des valeurs arbitraires. Conversion 100 % locale.
À quoi ça sert ?
- ▸ Migrer un style CSS existant vers Tailwind
- ▸ Traduire rapidement une maquette CSS en classes
- ▸ Apprendre les équivalents Tailwind d'une propriété
- ▸ Prototyper sans quitter l'éditeur
FAQ
Toutes les propriétés sont-elles supportées ?
Les propriétés courantes ont une classe dédiée ; les autres sont converties en valeur arbitraire Tailwind, du type [propriété:valeur].
Comment sont gérées les marges et espacements ?
Les valeurs multiples de 4px (ou 0,25rem) utilisent l'échelle Tailwind (p-4, mt-2…) ; sinon une valeur arbitraire est produite.
Les couleurs sont-elles converties en couleurs Tailwind ?
Non, les couleurs sont conservées telles quelles en valeur arbitraire (bg-[#hex]) car elles dépendent de votre configuration de thème.
Puis-je coller une règle CSS complète ?
Oui, le sélecteur et les accolades sont ignorés ; seules les déclarations sont converties.