CSS → Tailwind Convertisseur
Convertissez n'importe quel CSS en classes utilitaires Tailwind CSS — mapping complet, valeurs arbitraires, multi-sélecteurs et conversion par lot
À propos de CSS → Tailwind Convertisseur
Convertissez n'importe quel CSS en classes utilitaires Tailwind CSS instantanément — mapping complet des propriétés, valeurs arbitraires, multi-sélecteurs et conversion batch.
Comment utiliser CSS → Tailwind Convertisseur
- 1Collez votre code CSS dans le panneau de saisie (un sélecteur ou une feuille de style complète).
- 2Cliquez sur « Convert » pour voir les classes Tailwind équivalentes pour chaque sélecteur.
- 3Examinez la sortie — les propriétés sont marquées Exact, Approx, Arbitrary ou Unsupported.
- 4Copiez la sortie en classes brutes, JSX className ou attribut HTML class.
- 5Utilisez le mode batch (Starter+) pour convertir plusieurs blocs CSS séparés par /* --- */.
Astuces
- Les valeurs arbitraires (ex : w-[137px]) sont utilisées quand il n'y a pas d'utilitaire Tailwind exact — envisagez d'arrondir aux valeurs standard.
- Collez des feuilles de style entières avec plusieurs sélecteurs — l'outil les traite toutes en une passe.
- Utilisez le mode de copie JSX en React — il encapsule les classes dans la syntaxe className.
Limites free / payant
Gratuit : nombre limité de propriétés par conversion. Starter+ : propriétés illimitées, mode batch.
Outils similaires
Équipe OneKitToolsMise à jour 2.21.4