Skip to content
SnapTools

CSS Formatter

Runs in your browser

Format and indent CSS with Prettier — turns minified or inconsistently indented stylesheets into clean, readable source.

About this tool

A minified stylesheet or CSS copied out of a browser's computed-styles panel comes back as one dense line per rule with no visual rhythm. This tool reformats it with one property per line, consistent indentation, and normalised spacing around selectors and braces — LESS and SCSS syntax included.

How to use

  1. Paste your CSS.
  2. Run the formatter.
  3. Copy the readable result.

When to use this tool

  • Making a minified stylesheet readable for debugging.
  • Cleaning up CSS copied from browser devtools.
  • Standardising formatting before a code review.

Tips

  • This also handles LESS and SCSS syntax, since they share CSS's core structure.
  • It formats structure only — it won't reorder properties or flag unused rules.

FAQ

Does this work with SCSS or LESS?
Yes — the underlying parser handles standard CSS as well as LESS and SCSS syntax.
Is my stylesheet sent anywhere?
No. Formatting runs entirely in your browser using Prettier.

Related tools