About this tool
CSS Beautifier is a free, in-browser formatter that turns minified or messy CSS into a clean, consistently indented layout. It first collapses the existing whitespace, then rebuilds the structure from scratch: each rule and declaration goes on its own line, an opening brace stays on the selector line, a closing brace drops to its own line, and nested blocks are indented two spaces per level.
It works purely on the punctuation that separates selectors, blocks, and declarations, adding a single space after each declaration's colon and one space before an opening brace. Property names and values are left intact, so only spacing changes and the styling is unaffected. Formatting runs live as you type, entirely in your browser — no uploads, no accounts, no tracking, and it works offline.
This is handy when you need to read, diff, or hand-edit a compressed stylesheet pulled from a build output, or to expand a one-line snippet into something legible. Paste the CSS, review the tidied result in the output box, and copy it with one click.