Utilrix

CSS Formatter

Beautify or minify CSS with consistent indentation.

INPUT
OUTPUT

Processed 100% in your browser — nothing you enter here is ever uploaded.

Common use cases

Reviewing a bundler's build output

Format a compiled stylesheet to check what a build tool actually generated before shipping it.

Cleaning up styles copied from DevTools

Turn the computed styles copied from a browser inspector into a properly indented block you can paste into a file.

Shrinking CSS for a size-constrained embed

Minify a stylesheet destined for a widget, email, or CodePen where every byte of the payload counts.

How to use the CSS Formatter

Paste your CSS into the input panel.

Click Format for clean, indented CSS, or Minify to strip it down for production.

Copy the result into your stylesheet or bundler pipeline.

Frequently asked questions

Related tools