How do I compile the indented Sass syntax to CSS?

Paste your .sass file (the indentation-based syntax with no braces or semicolons) and click Compile. The tool runs Dart Sass with syntax: 'indented' in your browser to produce plain CSS. No CLI or build pipeline is needed.

What is the difference between .sass and .scss?

Both are the same Sass language. The original '.sass' syntax uses indentation and newlines and omits braces and semicolons; the newer '.scss' syntax uses CSS-like braces and is a superset of CSS. This page handles the indented .sass syntax — use SCSS to CSS for the braces syntax.

Can I convert Sass to SCSS instead of CSS?

This tool outputs compiled CSS. To move between the two Sass syntaxes specifically, the Dart Sass CLI offers sass-convert; for everyday use, compiling the indented syntax straight to CSS (what this tool does) is usually what you want for shipping styles.

Is my Sass uploaded anywhere?

No. Compilation runs entirely in your browser using the Dart Sass JavaScript build. Your styles and tokens never leave your device.

Are mixins and variables supported?

Yes — the full Sass feature set: variables, nesting, mixins, functions, control flow and the module system. In-browser there is no file system, so @use/@import of external partials is unavailable; paste self-contained Sass.

Sass to CSS

By Seagit ✨

Free Sass to CSS compiler — the indented Sass syntax, powered by Dart Sass

Sass input

CSS output

Compilation runs entirely in your browser — nothing is uploaded.

Sass to CSS — compile the indented syntax

The original Sass syntax uses indentation instead of braces and semicolons. Browsers only read plain CSS, so it must be compiled. This tool runs Dart Sass with the indented syntax entirely client-side — reference-accurate, no build step.

.sass vs .scss

Syntax	Style
`.sass` (this tool)	indentation, no braces/semicolons
`.scss`	braces & semicolons (CSS superset)

In-browser there is no file system, so external @use/@import is unavailable — paste self-contained Sass.

Related tools

SCSS to CSS — braces syntax
CSS Formatter · CSS Minifier