Rittek UI · Entwicklerwerkzeuge
Dein CSS.
Passend gepackt.
Füge HTML-, PHP- oder JavaScript-Quelltext ein. Der Builder erkennt vollständige Klassentokens und exportiert die gemeinsame Grundlage mit den benötigten Utilities – direkt in deinem Browser.
Die Paketgrundlage wird geladen. Deine Eingabe wird nicht übertragen.
03 / Fertiges CSS
Die aktuelle Ausgabe bleibt bewusst normaler Quelltext. Kopieren und Download verwenden exakt diesen Stand. Lange CSS-Dateien lassen sich im Quellcodefeld scrollen.
Was bleibt im Paket?
Tokens, Farbschemata, Komponenten und Animationen bleiben als gemeinsame Grundlage enthalten. Reduziert wird der Utility-Anteil. Das exportierte Stylesheet ersetzt rittek.css; binde nicht beide Dateien gleichzeitig ein. Für optionale Module wie Kalender oder Carousel brauchst du deren zusätzliche CSS- und JavaScript-Dateien weiterhin.
Deine Quelltexte werden weder gespeichert noch hochgeladen. Lediglich die statische Paketgrundlage wird vom Server geladen. Es gibt keine Dateiuploads und keine Ausführung deiner Eingaben.
Dynamische Klassen brauchen vollständige Namen.
Der Builder ist ein Textscanner und kein PHP-Interpreter oder JavaScript-Compiler. Vollständige Tokens können an jeder Stelle deines Quelltexts erkannt werden, auch in Kommentaren und Beispielstrings. Dynamisch zusammengesetzte Klassen kann er nicht zuverlässig ergänzen.
Beispiel: Aus 'bg-' + farbe oder 'grid-cols-' . $spalten entstehen hier keine konkreten Utilities. Trage alle möglichen Ergebnisse wie bg-accent, grid-cols-2 und md:grid-cols-3 in die Safelist ein. Klassen aus später geladenen Ansichten müssen ebenfalls enthalten sein.
Unbekannte Klassen werden nicht erfunden. Prüfe Schreibweisen und benötigte Moduldateien. Teste das exportierte Paket in allen Zuständen und Bildschirmgrößen deiner Anwendung, bevor du es dort einsetzt.