CSS Beautifier

Turn a massive wall of minified CSS into a perfectly indented, readable stylesheet. Essential for inspecting third-party code.

Output appears here

How to use this tool

  1. 1Paste Minified CSSInput the dense CSS string.
  2. 2BeautifyClick the format button to expand the blocks.
  3. 3Copy Clean CodeCopy the well-structured stylesheet.

What this tool is useful for

  • ✓Inspecting a competitor's website stylesheet for design inspiration.
  • ✓Debugging a broken CSS rule that was compressed by a build tool.
  • ✓Reformatting an old legacy stylesheet for modern development.

Privacy & processing

All processing is executed locally using your browser. Your data is never sent to a server.

Related Tools