Unminify CSS online

Unminify css — also called beautify or format — adds line breaks and indentation so minified css becomes readable again. The browser still applies the same rules; only whitespace changes.

Production sites ship minified css to save bytes. When you inspect a live site or open a bundle.js-adjacent stylesheet, you often see one long line. A css unminifier rebuilds structure so you can find selectors, @media blocks, and custom properties quickly.

This is not decompilation. Comments removed during minification are gone forever. Variable names and class strings stay exactly as authored unless a separate obfuscator renamed them.

Unminify is the right first step before code review, accessibility audits, or learning from third-party themes — not a substitute for original source files when you have them.

Paste minified css into the input panel or import a .css file. Formatted output appears live in the right panel with two-space indentation and newlines between rules.

Load the sample to see a typical before-and-after. The stats row shows how much larger formatted output becomes — expect growth on dense bundles, which is normal.

Copy or download formatted.css when ready. Edit the readable file, then run it through our CSS Minifier before shipping if size matters again.

For very large pasted files, give the browser a moment; beautification is synchronous but heavy strings can briefly block the main thread.

Copy stylesheet contents from Chrome DevTools Sources or Network tab, paste here, and search for the selector behind a layout bug. Formatted css is far easier to navigate than a single line.

When comparing two versions of a theme, unminify both exports and use your diff tool on the pretty output. Cascade and specificity remain identical, so visual diffs reflect real rule changes.

Vendor CSS often arrives minified in zip downloads. Unminify before grep-searching for color tokens or breakpoint values you need to override.

If output looks garbled, confirm the input is CSS and not SCSS, Less, or a JSON config mistaken for a stylesheet.

Prettier and IDE formatters need project config. This css unminifier online works from a paste without setup — useful on machines where you cannot install tools.

Html unminify and unminify html refer to markup formatters, not stylesheets. Use our HTML Minifier for document structure; use this page for .css content and style blocks you extract separately.

Javascript unminify tools operate on JS syntax. Do not paste CSS into a JS beautifier — braces and @rules confuse the wrong parser.

Minified css from HTTP responses may include BOM characters or charset quirks. If beautify fails, trim leading garbage copied from DevTools headers.

Edit-unminify-ship loop: unminify a hotfix snippet, change one rule, minify on the CSS Minifier page, replace the file on CDN.

Documentation: unminify a representative sample for internal wikis without exposing full production bundles.

Learning: students paste minified css from popular sites to study responsive patterns — always respect licenses and robots terms when copying.

Keep authoritative sources in git; treat unminified output as a disposable view, not the canonical file.

Beautification runs locally. Copied production CSS from client sites stays on your machine. Clear panels on shared computers.

Pair with our CSS Minifier for the reverse pass. HTML Minifier handles documents; JSON Minifier handles config — paste only plain CSS here.

For stylesheet bytes inside JS bundles, extract the CSS string first, then unminify css on this page.