LESS Editor

How to use LESS Editor

Open and edit LESS files online. Search text and download your .less source without installing an editor or uploading files.

1. Import a local .less file or paste your LESS source.
2. Edit the text and use Find to locate the section you need.
3. Copy the result or download the updated source file.

LESS Editor · Example

@accent: #6366f1;
.card {
  color: @accent;
  &:hover { color: darken(@accent, 10%); }
}

@accent: #6366f1;
.card {
  color: @accent;
  &:hover { color: darken(@accent, 10%); }
}

The downloaded source retains your edits. Syntax coloring does not execute, compile or validate the program.

Usage notes

Your files and input are processed in this browser. No uploads or accounts.

This is a source editor. It does not run, compile or validate the program or connect to a server.