Minify CSS for production or beautify compressed CSS for readability.
Enter the CSS code you want to minify or beautify.
Select minify to compress or beautify to format the code.
Click copy to grab the processed CSS for your project.
Switch a stylesheet between compact and readable forms without editing every rule by hand. In minify mode, unnecessary formatting whitespace and line breaks are removed where CSS syntax permits. In beautify mode, selectors, braces, declarations, and at-rules are arranged with consistent spacing and indentation. This tool changes presentation, not stylesheet logic, and it is not a CSS validator. The common surprise is that beautifying minified CSS cannot recover comments, original indentation, blank lines, or author-defined grouping that are no longer present.
Minify mode turns multi-line CSS into a compact representation by removing syntactic padding around tokens such as braces, colons, commas, and semicolons when that padding is not required. Selectors, declarations, and at-rules remain CSS rather than being converted to another format. The compact result is suitable for copying into a production stylesheet, subject to normal testing.
Beautify mode takes dense CSS and emits a structured layout with rule boundaries and declarations separated for inspection. Indentation makes nested at-rules, such as media queries, easier to follow, while line breaks expose individual declarations. The layout reflects the formatter's conventions. It does not infer meaningful section breaks or reconstruct the exact arrangement used before the CSS was compressed.
For valid CSS, minification is intended to preserve browser behavior while removing only dispensable formatting. Still, malformed rules and whitespace-sensitive content, including some custom property values, deserve a comparison against the original. Test the generated stylesheet in the browsers you support. If computed styles or rendering differ, the minified result is not a safe replacement.
No. Beautification can add consistent indentation and line breaks to the CSS that remains, but it has no evidence for missing comments, original blank lines, preferred property grouping, or the source order before any earlier optimization. It also cannot turn compiled CSS back into the Sass, Less, or other preprocessor source from which it may have been produced.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Format, validate, and beautify JSON with syntax highlighting and error detection.
Encode text or files to Base64 and decode Base64 strings back to their original form.
Format and indent SQL queries for better readability across all major dialects.
Convert HTML markup into clean Markdown syntax with support for tables and lists.
Write Markdown and see the rendered HTML output in real time with live preview.
Visualize unified diffs and patch files with color-coded additions and deletions.