CSS Formatter
Beautify or minify CSS with consistent indentation.
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.