CSS in TailwindCSS-Klassen umwandeln
Wandle CSS-Deklarationen in TailwindCSS-Utility-Klassen um, mit Fallback für beliebige Werte.
Unrecognized properties become Tailwind arbitrary values ([property:value]). Double-check color and spacing mappings against your config.
🔒 100 % clientseitig — keine Daten gesendet
Fügen Sie CSS-Deklarationen ein und erhalten Sie die passenden TailwindCSS-Utility-Klassen. Erkannte Eigenschaften werden Standardklassen zugeordnet, der Rest arbiträren Werten. 100 % lokale Umwandlung.
What is it for?
- ▸ Vorhandenes CSS zu Tailwind migrieren
- ▸ Ein CSS-Mockup schnell in Klassen übersetzen
- ▸ Die Tailwind-Entsprechungen einer Eigenschaft lernen
- ▸ Prototypen erstellen, ohne den Editor zu verlassen
FAQ
Werden alle Eigenschaften unterstützt?
Gängige Eigenschaften erhalten eine eigene Klasse; der Rest wird in einen arbiträren Tailwind-Wert wie [Eigenschaft:Wert] umgewandelt.
Wie werden Ränder und Abstände behandelt?
Werte, die Vielfache von 4px (oder 0,25rem) sind, verwenden die Tailwind-Skala (p-4, mt-2…); andernfalls wird ein arbiträrer Wert erzeugt.
Werden Farben Tailwind-Farben zugeordnet?
Nein, Farben werden unverändert als arbiträrer Wert beibehalten (bg-[#hex]), da sie von Ihrer Theme-Konfiguration abhängen.
Kann ich eine komplette CSS-Regel einfügen?
Ja, Selektor und Klammern werden ignoriert; nur die Deklarationen werden umgewandelt.