CSS Beautifier & Minifier

Reindent messy CSS to read it, or minify it to ship it — with a safe mode that never reorders your rules.

Indent
Compression
Paste or type CSS to beautify or minify it.

Your CSS is formatted and minified in your browser. Nothing is uploaded to BroBroGo.

FAQ

What's the difference between beautify and minify?

Beautify re-indents and spaces out your styles so they're easy to read and edit. Minify does the opposite — it strips the whitespace and comments a browser doesn't need and shortens values like colors, so the file is smaller and loads faster. Beautify while you work, minify before you ship.

What do the Safe and Optimized compression settings do?

Safe only removes whitespace and comments and shortens values, leaving every rule exactly where you wrote it. Optimized goes further and merges duplicate selectors and rules for a smaller file — it can reorder rules, so on stylesheets that lean on source order it is worth a quick check before shipping. Comments marked /*! … */ are kept either way.

Will minifying change how my page looks?

In Safe mode, no — your styles render exactly the same. It collapses whitespace, drops ordinary comments and rewrites values in shorter equivalent forms (like #ffffff as #fff), and it never changes your vendor prefixes or modern syntax. Optimized mode also merges rules, which looks identical on almost every stylesheet but is worth verifying if yours depends on rule order.

HTML Beautifier & MinifierReindent tangled HTML to read it, or minify it to ship it — with an optional check for broken tags.CSS clamp() CalculatorEnter a size for small and large screens and get a fluid clamp() value that scales smoothly in between — for font sizes, padding, margins or gaps.Gradient GeneratorBuild a linear, radial, or conic gradient, add color stops and set the direction, then copy the CSS in one click.Box Shadow GeneratorDrag sliders to shape a box-shadow, stack layers for depth, and copy the finished CSS instantly.Color ConverterConvert colors between HEX, RGB, HSL, HSV, CMYK and LAB — edit any field and the rest update as you go.JSON FormatterFormat, validate and minify JSON instantly.