Util Monster
Kostenlos
Fügen Sie LESS-Code ein, um ihn sofort mit der offiziellen less.js-Engine zu CSS zu kompilieren. Unterstützt Variablen (@var), Verschachtelung, Mixins, Operationen und integrierte Funktionen.
🔒 Die Kompilierung läuft vollständig in Ihrem Browser — Ihr Code wird niemals an einen Server gesendet. Selbst das less.js-Bundle wird von dieser Website bereitgestellt, nicht von einem CDN.
LESS (Leaner Style Sheets) ist ein CSS-Preprozessor, der Programmiersprachenfunktionen wie Variablen, Verschachtelung, Mixins und Operationen auf CSS aufsetzt. Browser verstehen nur reines CSS, daher muss LESS vor der Bereitstellung zu CSS kompiliert werden. Dieses Tool führt in Ihrem Browser die offizielle less.js-Engine aus, um diese Umwandlung sofort durchzuführen.
Verwalten Sie Farben und Größen zentral mit Variablen (@brand: #4A90D9;) und bilden Sie Ihre Markup-Struktur durch geschachtelte Selektoren ab. Erstellen Sie wiederverwendbare Stilblöcke mit Mixins (.rounded(6px)) und verwenden Sie Berechnungen wie (@pad * 2) sowie eingebaute Farb-Funktionen wie darken() und lighten().
Dieses Tool kompiliert vollständig in Ihrem Browser und lädt Ihre Eingabe niemals hoch. Aus Sicherheitsgründen ist die Inline-JavaScript-Funktion von LESS (Backtick-Syntax) deaktiviert, sodass es sicher ohne eval ausgeführt wird. Für große Projekte sollten Sie LESS in Ihre Build-Pipeline integrieren (webpack, Vite, lessc, usw.).