DevCrate

CSS Formatter

Turn minified or messy CSS into clean, readable code with Prettier, without uploading anything.

How to use

  1. Paste your CSS.
  2. Click Format.
  3. Copy the result.

Examples

Minified rule
Input: a{color:red;margin:0 auto}
Output: a { color: red; margin: 0 auto; }

Frequently asked questions

Does it support SCSS?

This version formats plain CSS. SCSS-specific syntax may not parse.

Related tools

Formatters

JavaScript Formatter

Format and beautify JavaScript code with Prettier, in your browser.

 Formatters

HTML Formatter

Format and beautify HTML markup with Prettier, locally in your browser.