New

LESS to CSS Compiler

Runs in browser

Compile LESS stylesheets to plain CSS in your browser. Variables, mixins, nesting, and functions — with optional minified output and file upload.

LESS to CSS Compiler tool

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
CSS
1

Files never leave your browser.

Drag and drop a file here, or tap to select

Chain to another tool

Send this output to another tool instantly — no copy-paste needed.

Produce output above to enable chaining.

How to use

  1. Paste LESS

    Edit the left panel or upload a .less file from the zone below the editors.

  2. Review CSS

    CSS updates as you type. Enable Minify on the right for compressed output.

  3. Copy or download

    Use Copy or Download .css to export the compiled stylesheet.

Examples

  • Variables

    LESS variables compile to literal values in CSS.

    Input
    @c: red;
.box { color: @c; }
    Output
    .box {
  color: red;
}

Frequently asked questions

Does compilation run on a server?
No. The less compiler runs in your browser; your source stays local.
Can I minify the output?
Yes. Turn on Minify on the right to emit compressed CSS.

Related tools

You might find these useful too.