CSS Beautifier

This is an online CSS beautifier that lets you format the compressed or minified CSS code. Just enter your minified CSS in the below field (Type any unformatted CSS) and copy formatted or beautified CSS from the second field (Beautified CSS).

Type any unformatted CSS:

Beautified CSS:

Options:

Indent with


Open curly brace:

How to format or beautify the compressed CSS?

  • Just copy your minified CSS code and paste in the first field labelled as "Unformatted CSS".
  • After pasting the code, you will see formatted CSS in the second field, which is pretty and easy to read.
  • Now you can adjust the indentation and semicolon settings in the options section. Note: This is an optional field.
  • Now you can copy your beautified CSS.