LESS to CSS Compiler

Runs in browser

Compile LESS stylesheets to plain CSS instantly.

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

Loading LESS compiler...
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

🔒 Runs in your browser · No uploads · Your data never leaves your device

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.

Common use cases

  • Testing LESS variable and mixin output — Paste LESS with variables and mixins to see the compiled CSS without setting up a build pipeline.
  • Migrating LESS code to plain CSS — Compile a LESS stylesheet to CSS as a starting point for converting a legacy LESS project to modern CSS or Tailwind.

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.

Key concepts

LESS
A CSS preprocessor that extends CSS with variables (@var), mixins (.mixin()), and nesting — compiled to plain CSS by the LESS compiler.
Mixin
A reusable block of LESS or SCSS styles that can be included into other rules, reducing repetition in stylesheets.

Related tools

You might find these useful too.

More css tools