Convertisseur Tailwind ↔ CSS
Collez des classes utilitaires Tailwind pour voir le CSS qu'elles produisent, ou collez du CSS pour obtenir les classes Tailwind les plus proches. Couvre les utilitaires les plus courants et se met à jour à la saisie — rien n'est envoyé au serveur.
Collez des classes Tailwind ci-dessus pour voir le CSS.
Couvre les utilitaires les plus courants, pas l'ensemble du framework. Les variantes (hover:, md:, dark:), les valeurs arbitraires ([…]) et les utilitaires rares sont transmis tels quels.
Tout s'exécute dans votre navigateur. Sans envoi, sans inscription.
Comment ça fonctionne
Choisissez la direction
Basculez entre les modes Tailwind → CSS et CSS → Tailwind. Le champ de saisie et l'exemple se mettent à jour selon la direction choisie.
Collez votre code
Saisissez une liste de classes Tailwind ou un bloc de déclarations CSS. La conversion s'effectue en temps réel dans votre navigateur au fil de la saisie — rien ne quitte votre appareil.
Copiez le résultat
Copiez le CSS généré ou les classes Tailwind suggérées en un seul clic et collez-les directement dans votre projet.