ToolBuddy
In Browser

CSS Formatter

Format and minify CSS in the browser. Expand rules for readability or compress stylesheets for a quick size check. Paste a snippet, tidy selectors and declarations, and copy the result. Proprietary styles are not uploaded.

Runs in your browser. Nothing is uploaded.

Loading tool…

About this tool

Pretty-print or minify CSS in the tab. Beautify uses js-beautify; minify strips comments and extra space. Proprietary stylesheets stay on your computer instead of a 'CSS pretty print' upload form.

How to use: paste rules, pick beautify or minify, copy. Use it for a readability pass on a snippet from DevTools or a rough size check before you run a full production minifier in CI. Nested modern CSS should round-trip; exotic preprocessors may not.

Example: a minified utility chunk becomes scannable with wrapping and indent. Design-system tokens in comments survive beautify but drop in minify.

No upload of stylesheet source. Load once, format offline. Related: HTML formatter, color converter for HEX/RGB/HSL tokens in the same file. Use beautify when reviewing a snippet; use minify only as a rough byte check. Vendor prefixes and custom properties should survive a typical beautify pass. Copy from the sticky bar when the preview looks right.

Related Web tools