Overview
Paste Sass written in the original indentation-based syntax - no braces, no semicolons, nesting shown purely through indentation - and get back plain CSS. This uses the official sass package (Dart Sass compiled to JavaScript), the same purpose-built compiler most real Sass tooling is built on, running entirely client-side via its compileString API. No filename is given to the compiler, so @use/@import can never resolve against a filesystem or network address - an unresolvable import fails with a clear compile error rather than attempting to fetch anything. Nothing you paste is ever uploaded.
Best for: Checking what an indented-syntax Sass snippet compiles to without a build step
How to use this tool
- Paste indented Sass. Variables and nesting are expressed with indentation only - no braces or semicolons.
- Compiled instantly. The official sass (Dart Sass) package compiles your source to plain CSS in your browser.
- Copy the CSS. Copy the compiled output directly, or fix any reported error and recompile.
Frequently asked questions
Both use the same underlying sass (Dart Sass) compiler - the only difference is which syntax it’s told to parse. This tool expects the original indented Sass syntax (no braces/semicolons); the SCSS Compiler expects SCSS’s CSS-like brace syntax.
Since no filename is provided to the compiler, an @use/@import can’t resolve against any local file or remote URL. Compilation fails with a clear error rather than silently succeeding or attempting a network request.
No. Compilation runs entirely in your browser using the sass package’s JavaScript build - nothing you paste is uploaded to a server.