Skip to content

Less Formatter

Format Less stylesheets with Prettier, keeping variables, mixins and nested rules readable.

Runs in your browserLess → Less
Loading tool…

Example

Input
@c:red;.a{color:@c;.b{margin:0}}
Output
@c: red;
.a {
  color: @c;
  .b {
    margin: 0;
  }
}

How to use the Less Formatter

  1. Paste or type your Less into the input area, or open a file from your device.
  2. Adjust the options above the editor if the tool offers any.
  3. Review the Less result, then copy it or download it as a file.

Privacy and limitations

  • Your data is processed on your device and is not uploaded to any server.

Related converters

CSS BeautifierBeautify minified or messy CSS into readable, consistently indented rules with one declaration per line.SCSS FormatterFormat SCSS/Sass stylesheets with Prettier, handling nesting, variables, mixins and maps.HTML BeautifierBeautify HTML with Prettier: consistent indentation plus formatting of embedded CSS and JavaScript.Markdown FormatterNormalise Markdown with Prettier: consistent list markers, headings, emphasis and table alignment.GraphQL FormatterFormat GraphQL queries, mutations, fragments and schema definitions (SDL) with Prettier.TypeScript FormatterFormat TypeScript and TSX with Prettier, including interfaces, generics, enums and decorators.Java FormatterFormat Java source code with Prettier and prettier-plugin-java: classes, records, lambdas, generics and long call chains.JavaScript BeautifierFormat and beautify JavaScript (including JSX and modern syntax) with Prettier: indentation, quotes and semicolons.

Browse all beautifiers & formatters →