SCSS to CSS

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

SCSS / Sass

CSS output

.card {
  padding: 1rem;
  border-radius: 8px;
  background: #38bdf8;
}
.card:hover {
  opacity: 0.9;
}
.card .title {
  font-size: 1.25rem;
}

Frequently Asked Questions

The compiler supports variables, nesting, and standard Sass/SCSS syntax. It uses the same Dart Sass engine used by many build tools.

No. Compilation runs 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.

Convert CSS styles to Tailwind utility classes