Util Monster
Gratis
Plak LESS-code om deze direct naar CSS te compileren met de officiële less.js-engine. Ondersteunt variabelen (@var), nesting, mixins, bewerkingen en ingebouwde functies.
🔒 Compilatie gebeurt volledig in je browser — je code wordt nooit naar een server verzonden. Zelfs de less.js-bundle wordt vanaf deze site aangeboden, niet via een CDN.
LESS (Leaner Style Sheets) is een CSS-preprocessor die programmeerfuncties toevoegt — variabelen, nesting, mixins en bewerkingen — bovenop CSS. Browsers begrijpen alleen gewone CSS, dus LESS moet vóór de livegang naar CSS worden gecompileerd. Deze tool gebruikt de officiële less.js-engine in je browser om die omzetting direct uit te voeren.
Beheer kleuren en formaten op één plek met variabelen (@brand: #4A90D9;), en spiegel de structuur van je markup met geneste selectors. Bouw herbruikbare stijlblokken met mixins (.rounded(6px)), en gebruik berekeningen zoals (@pad * 2) plus ingebouwde kleurfuncties zoals darken() en lighten().
Deze tool compileert volledig in je browser en uploadt je invoer nooit. Voor de beveiliging is de inline-JavaScriptfunctie van LESS (backtick-syntaxis) uitgeschakeld, zodat het veilig draait zonder eval. Voor grote projecten integreer je LESS beter in je build pipeline (webpack, Vite, lessc, enz.).