SCSS Beautifier

Prettify, minify, or fully compile SCSS/Sass stylesheets to real CSS via dart-sass ($variables, @mixin/@include, functions, @extend, and nesting all resolved). Configurable indentation, comment stripping, and blank lines between rules.

13pxSCSS
Remove Comments
Newline Between Rules
13pxSCSS

"Compile to CSS" runs real Sass compilation via dart-sass — variables, mixins, functions (darken/lighten/etc.), @extend, and nesting are all resolved to plain CSS, entirely in your browser.

SCSS Beautifier

Prettify, minify, or fully compile SCSS/Sass stylesheets to real CSS via dart-sass ($variables, @mixin/@include, functions, @extend, and nesting all resolved). Configurable indentation, comment stripping, and blank lines between rules.

Common uses

  • Beautify a minified SCSS file
  • Compile SCSS mixins and functions to real CSS
  • Minify SCSS for production

Frequently asked questions

Can I use SCSS Beautifier to beautify a minified SCSS file?

Yes. SCSS Beautifier can beautify a minified SCSS file, directly in your browser.

Can I use SCSS Beautifier to compile SCSS mixins and functions to real CSS?

Yes. SCSS Beautifier can compile SCSS mixins and functions to real CSS, directly in your browser.

Can I use SCSS Beautifier to minify SCSS for production?

Yes. SCSS Beautifier can minify SCSS for production, directly in your browser.

Is my data uploaded to a server?

No. This tool runs entirely in your browser — your input is processed locally on your device and is never uploaded or stored on a server.