CSS Formatter & Minifier
Format CSS with consistent indentation or strip it down for production.
About CSS Formatter & Minifier
CSS Formatter & Minifier reformats stylesheet code. Beautify mode rewrites CSS with one declaration per line and consistent indentation, so a stylesheet copied from a build output or a minified file becomes readable. Minify mode strips every optional space, newline, and comment to produce the smallest file for production.
Paste your CSS and choose a mode. Beautify turns .btn{color:#fff;padding:4px 8px} into a properly spaced rule with each property on its own line. Minify collapses a whole stylesheet back down to that compact form. Selectors, media queries, keyframes, custom properties (CSS variables), and vendor-prefixed properties are all handled.
The tool treats CSS as text: it re-indents and respaces, but it does not remove unused rules, merge duplicate selectors, autoprefix, or otherwise optimize beyond whitespace. Beautify keeps comments; minify drops them. Experimental or unusual syntax is passed through rather than rejected, so cutting-edge properties survive the round trip.
Formatting runs entirely in your browser — nothing is uploaded. That is handy when the stylesheet belongs to an unreleased design you would rather not send to a third-party server.