CSS Formatter, Beautifier & Minifier
Paste a stylesheet or a fragment. Prettier lays out rules, at-rules, and declarations; minify removes comments and formatting whitespace without rewriting selectors.
Tool input stays in your browserDid you know · JSON
JSON numbers have no size limit in the grammar, but most parsers read them as IEEE 754 doubles and quietly lose precision.
CSS input
you edit—Formatted CSS
read only—Prettier, not a regex
Format uses Prettier's CSS parser (the same engine as the HTML formatter). It understands nested rules, media queries, and custom properties well enough to produce reviewable output from a minified dump.
Conservative minify
Minify strips comments and collapses whitespace outside quoted strings and url(). It does not merge selectors, shorten colours, or drop unused rules. Test production sheets whose layout depends on exact whitespace in generated content.
Sheets stay in the tab
Internal class names and unpublished design tokens never leave this browser. There is no upload and no format-as-a-service.
CSS formatter FAQ
CSS beautifier, pretty-print CSS, minify CSS, and whether stylesheets are uploaded.
What is a CSS formatter?
A CSS formatter (or CSS beautifier) reprints a stylesheet with consistent indentation so rules and at-rules are readable. This CSS formatter uses Prettier’s CSS parser in the browser.
How do I minify CSS online?
Paste the sheet, choose Minify, and copy the result. Comments and extra whitespace outside strings and url() are removed. Selectors are not merged and colours are not shortened.
Does this CSS beautifier upload my stylesheet?
No. Prettier and the minifier run as JavaScript in this page. Class names and tokens stay local.