CSS Beautifier

Beautify CSS online for free — paste minified or messy CSS and get clean, consistently indented code. Choose 2 spaces, 4 spaces or tabs, then copy or download. Powered by js-beautify; runs 100% in your browser.

100% private — everything runs in your browser. Conversion happens on your device; nothing is uploaded.

Paste minified or messy code

Open file

Formatted

Indent

Formatting uses the open-source js-beautify library and runs entirely in your browser, so private code is never uploaded.

How to beautify CSS

Paste your CSS (or open a .css file).
Pick the indentation you use.
Click “Beautify” — pasting also formats automatically.
Copy the formatted code or download it.

What you can use it for

Read minified CSS from a website or framework
Clean up messy, inconsistent stylesheets
Review CSS before editing or debugging
Format CSS copied from DevTools

More free tools

Building for the web?

Format, minify, convert and generate code with our free, private developer tools.

JSON Formatter CSS Minifier HTML Minifier JS Minifier SVG Optimizer CSS Grid Box Shadow Gradient Generator

See all free tools →

Frequently asked questions

How do I format CSS?

Paste the code and click “Beautify”. Indentation, line breaks and spacing are rebuilt consistently, without changing what the code does.

Is beautifying the opposite of minifying?

Yes. Minifying strips whitespace for production; beautifying adds it back so people can read it. To minify again, use our CSS Minifier.

Will beautifying change how my CSS works?

No. Only whitespace and line breaks change; selectors, properties and values stay the same.

Is my code uploaded?

No. Formatting runs in your browser with the open-source js-beautify library, so private code never leaves your device.