Skip to content
KitWren
Website

Search tools

CSS Formatter

Beautify minified CSS into readable, indented rules.

  1. Paste your input
  2. Choose the options
  3. Copy the output
Runs in your browser. Your data and files never leave your device.

About the CSS Formatter

Turn compressed CSS into one declaration per line with consistent indentation.

Example

.btn{color:#fff;background:#3b5bdb}.btn:hover{background:#364fc7} becomes two rule blocks with one declaration per line — much easier to read and edit.

Frequently asked questions

Is formatted CSS slower?

Only very slightly larger. For production, minify it again (or let your build tool do it) and keep the readable version in your source.

Does it support media queries and nesting?

Yes, @media, @supports and other at-rules are indented with their contents.

Related tools