New

SCSS to CSS Compiler

Runs in browser

Compile SCSS and indented SASS to CSS in your browser. Modern Sass features, optional minification, and .scss/.sass file upload.

SCSS to CSS Compiler tool

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Files never leave your browser.

Drag and drop a file here, or tap to select

Chain to another tool

Send this output to another tool instantly — no copy-paste needed.

Produce output above to enable chaining.

How to use

  1. Pick syntax

    Toggle SCSS (braces) or SASS (indented) above the input.

  2. Paste or upload

    Edit the panel or load a .scss or .sass file below the editors.

  3. Export CSS

    Toggle Minify if needed, then copy or download the CSS file.

Examples

  • Variables

    Sass variables compile to concrete values.

    Input
    $gap: 8px;
.box { gap: $gap; }
    Output
    .box {
  gap: 8px;
}

Frequently asked questions

Is Sass running locally?
Yes. The dart-sass compiler runs in your browser bundle; nothing is uploaded to ToolDock servers.
Does indented SASS work?
Yes. Choose the SASS tab for indented syntax; the compiler uses the appropriate Sass syntax mode.

Related tools

You might find these useful too.