Paste LESS code to compile it to CSS instantly using the official less.js engine. Supports variables (@var), nesting, mixins, operations and built-in functions.
π Compilation runs entirely in your browser β your code is never sent to a server. Even the less.js bundle is served from this site, not a CDN.
LESS (Leaner Style Sheets) is a CSS preprocessor that adds programming features β variables, nesting, mixins and operations β on top of CSS. Browsers only understand plain CSS, so LESS must be compiled to CSS before deployment. This tool runs the official less.js engine in your browser to do that conversion instantly.
Manage colors and sizes in one place with variables (@brand: #4A90D9;), and mirror your markup structure by nesting selectors. Build reusable style blocks with mixins (.rounded(6px)), and use arithmetic like (@pad * 2) plus built-in color functions such as darken() and lighten().
This tool compiles entirely in your browser and never uploads your input. For security, LESS's inline-JavaScript feature (backtick syntax) is disabled, so it runs safely without eval. For large projects, integrate LESS into your build pipeline (webpack, Vite, lessc, etc.).