SCSS to CSS Compiler

Summary

Paste SCSS and get compiled plain CSS with nesting expanded and variables resolved.

How it works

1. Paste your SCSS code
2. Click Compile
3. Review the plain CSS output
4. Copy for use in production

Use cases

• Testing SCSS snippets without a build tool
• Learning how SCSS nesting compiles to CSS
• Converting SCSS to CSS for frameworks that require plain CSS

Frequently Asked Questions