CSS to LESS

Convert plain CSS to LESS. Format and structure for LESS projects. All in browser.

CSS

LESS output

.card {
  padding: 1rem;
  border-radius: 8px;
  background: #38bdf8;

  &:hover {
    opacity: 0.9;
  }

  .title {
    font-size: 1.25rem;
  }
}

Frequently Asked Questions

It reformats your CSS into LESS-style structure and indentation. You can then add LESS variables and mixins manually.

Yes. No sign-up. All in your browser.

Was this helpful?

Compile LESS to CSS in your browser. Variables, mixins, nesting. No server.

Convert plain CSS to SCSS format. Consistent formatting for Sass projects. All in browser.

Compile SCSS/Sass to CSS in your browser. Variables, nesting, mixins. No server.