SCSS Minifier

Home » Developer Tools » SCSS Minifier

Paste SCSS source and get a smaller SCSS file in seconds, with variables, nesting, and mixins kept intact.

Upload a file: or paste code below.
Input0 chars
Output0 chars
Original size0 B
Result size0 B
Change0%

Your code never leaves your browser. Everything runs locally on your device.

This tool minifies SCSS source. It strips comments and extra whitespace while keeping variables, nesting, mixins, media queries, and extends exactly as SCSS. It does not compile SCSS to CSS, so the output is still SCSS, ready to feed to your Sass build step.

That distinction matters, because a plain CSS minifier would break SCSS syntax. This tool understands SCSS constructs and keeps spaces exactly where a selector or a value needs them, for example in descendant selectors and inside calc expressions. Everything runs in your browser, so your code is never uploaded to a server.

How to Minify SCSS

  1. Paste your code: paste SCSS source into the input box or upload an SCSS file.
  2. Choose your options: keep comment stripping on for the smallest output, or turn it off to keep your comments.
  3. Click Minify SCSS: your minified SCSS appears instantly in the output box.
  4. Copy or download: copy the result or download it as an SCSS file, then compile it with Sass as usual.

Why Use This SCSS Minifier

Frequently Asked Questions

01.Is the SCSS Minifier free to use?

Yes, it is completely free with no sign up and no limits. You can minify as much SCSS as you like, as often as you like.

02.Does this tool compile SCSS to CSS?

No. This tool minifies SCSS source. The output is still SCSS, with variables, nesting, and mixins intact, and you compile it with Sass as usual.

03.Will minified SCSS still compile the same way?

Yes. Minifying only removes comments and extra whitespace. Your variables, nesting, mixins, and media queries are unchanged.

04.Does it keep descendant selectors correct?

Yes. Spaces that act as descendant combinators are always kept, so a selector that targets a child element keeps targeting that child element.

05.Does it handle calc expressions?

Yes. Spaces around plus and minus inside calc expressions are kept, because calc needs them to parse correctly.

06.Is my code uploaded to a server?

No. All minifying happens in your browser on your own device, so your code never leaves your computer.