CSS beautifier

Turn minified CSS into readable, indented code.

  • Development
  • 100% free
  • No sign-up
  • Runs in your browser
CSS beautifier

What is the css beautifier?

The CSS beautifier (or unminifier) turns compressed CSS into readable code: each selector on its own line, one declaration per line, a space after every colon and nested blocks such as @media indented.

Strings, url() values and comments are protected, so data URIs and content values containing ; or { are never broken. Beautify, edit, then minify the result again with the CSS minifier.

How to use the css beautifier

  1. 1Paste the minified CSS, or upload a .css file.
  2. 2Choose the indentation.
  3. 3Press Beautify and copy or download the result.

Features

Unminify

Readable layout for compressed stylesheets.

Media queries

Nested at-rules are indented.

Safe parsing

Strings, comments and url() values are kept intact.

Indentation

2 spaces, 4 spaces or tabs.

Frequently asked questions

Can it restore the original CSS?

It restores the layout, but comments and names removed by the minifier can't be brought back.

Does it change my CSS rules?

No, only whitespace and line breaks are changed.

Does it support SCSS or LESS?

Simple SCSS and LESS usually format fine, but the tool is built for plain CSS.

How do I minify it again?

Use the CSS minifier.