OneKitTools logoOneKitTools
Zurück zu Entwickler

CSS zu Tailwind

CSS-Code in Tailwind-CSS-Klassen konvertieren

Über CSS zu Tailwind

Konvertiere herkömmlichen CSS-Code in äquivalente Tailwind-CSS-Utility-Klassen — beschleunige deine Migration zu Tailwind.

So verwenden Sie CSS zu Tailwind

  1. 1Füge dein/deine ein CSS code in the input panel (single selector or full stylesheet).
  2. 2Klicke auf 'Konvertieren', um die entsprechenden Tailwind-Klassen für jeden Selektor zu sehen.
  3. 3Überprüfe die Ausgabe — Eigenschaften sind als Exakt, Ungefähr, Beliebig oder Nicht unterstützt markiert.
  4. 4Kopiere den/die/das output as raw classes, JSX className, or HTML class attribute.
  5. 5Verwende den Stapelmodus (Starter+), um mehrere CSS-Blöcke, getrennt durch /* --- */, zu konvertieren.

Tipps

  • Prüfe die Ausgabe immer auf Genauigkeit, da nicht alle CSS-Eigenschaften direkte Tailwind-Entsprechungen haben.
  • Füge komplette Stylesheets mit mehreren Selektoren ein — das Tool verarbeitet alle in einem Durchgang.
  • Verwende den JSX-Kopiermodus bei der Arbeit in React — er umhüllt Klassen in className-Syntax.

Kostenlos vs. kostenpflichtig

Kostenlos: Grundkonvertierungen. Starter+: erweiterte Konvertierungen.

Verwandte Tools

OneKitTools-TeamAktualisiert 2.21.4