Home / Developer Tools / CSS Formatter

CSS Formatter

Beautify CSS with Prettier-quality formatting.

How to use

  1. Paste your CSS.
  2. Click format.
  3. Copy the readable result.

Frequently asked questions

Does it support SCSS?

Standard CSS is fully supported; most simple SCSS also formats since Prettier's postcss parser handles it.

Related tools

  • CSS Minifier — Compress CSS by stripping comments and whitespace.
  • JavaScript Formatter — Format JS/JSX with the real Prettier engine.
  • JavaScript Minifier — Minify JS with Terser - the real production minifier.
  • SQL Formatter — Format SQL queries with uppercase keywords and clean indentation.
  • YAML Formatter — Re-indent and normalize YAML documents.
  • YAML Validator — Check YAML syntax - catch indentation errors fast.

See all developer tools