SCSS Formatter

Keep nested SCSS readable and consistent, whether it came from a teammate, a theme or a minifier.

How to use the SCSS Formatter

  1. Add your text, file or details in the tool above.
  2. Adjust the settings to get the result you want.
  3. Copy or download your result. Nothing is uploaded.

What you can use it for

  • Tidy theme and framework SCSS
  • Standardise styles before review
  • Read compressed SCSS

Private by design

The SCSS Formatter runs entirely in your browser. Your text and files are never uploaded or stored on a server, so it is safe for work documents and personal information. It is free, with no sign-up and no limits on how often you use it.

Frequently asked questions

Does it support Sass indented syntax?

It supports SCSS (curly-brace) syntax. Indented .sass files are not supported.

Are variables and mixins kept?

Yes. Only spacing and layout change.

More code & data

camelCase ConverterRename variables and JSON keys in bulk.CSS Formatter and MinifierMake minified CSS readable again, or shrink your stylesheet for production, in one click.CSV to JSON ConverterTurn spreadsheet exports into JSON for apps and APIs, or flatten JSON into CSV you can open in Excel or Google Sheets.dot.case ConverterTurn names in any format into lowercase words joined by dots, ready for config files and i18n keys.GraphQL FormatterTurn a one-line GraphQL query into a readable, properly indented one you can debug and share.Hex to Text ConverterDecode hex strings from logs, packets and files into text, or encode text into hex for code and debugging.HTML Formatter and MinifierMake tangled HTML readable, or shrink it for faster loading, without installing anything.HTML to Markdown ConverterMove content from websites and CMS editors into Markdown for docs, GitHub, Notion or static sites.

You might also like

Slash Text GeneratorGive text a slashed, glitchy edge for usernames and creative posts.Underline Text GeneratorUnderline words in apps that have no underline option, from captions to profile names.Yes or No WheelStuck on a decision? Ask your question, spin the wheel and let chance decide.Cute Font GeneratorAdd kawaii charm to your name or caption with soft decorations and cute faces.