LESS Formatter & Minifier
Beautify LESS code with Prettier, or minify it. This tool beautifies and minifies LESS on one page — paste your code, pick a mode, and click. Everything runs on your device, nothing is sent to a server.
Everything runs in your browser. Your code is never sent to our servers.
Example
Example Input
@c:red;.a{color:@c}Example Output
@c: red;
.a {
color: @c;
}How to Use
- 1Choose Format or Minify mode at the top.
- 2Paste your LESS code into the Input field.
- 3If needed, set the indent width in "More settings".
- 4Click the button (or press Ctrl+Enter) to process. The result appears in the Output field.
- 5Click Copy to copy the result.
About the LESS Formatter
The LESS Formatter beautifies LESS (CSS preprocessor) code using Prettier, keeping variables, mixins, and nesting readable, or compacts it for production.
How it works: Format uses Prettier's LESS parser which understands LESS syntax. Minify removes whitespace and comments.
LESS is a popular CSS preprocessor; formatting its code keeps it consistent and readable, especially in large stylesheets with many variables and mixins.
FAQ
Can this LESS tool both format and minify?
Yes. One page with a toggle — Format mode prettifies (beautifies) with indentation, and Minify mode compacts it. No need for two separate pages.
Is my code sent to a server?
No. LESS is processed entirely in your browser using JavaScript/WebAssembly. Your code never leaves your device.