AboutProjectsToolsNotesUses

CSS Beautifier

Format minified CSS into readable, properly indented code.

Paste minified or single-line CSS and get a clean, indented version with one declaration per line and consistent spacing. Handy when inspecting framework output, debugging a stylesheet from a CDN, or making sense of a CSS dump pasted into a bug report.

Common use cases: reading minified production CSS to find a specific selector, prepping a vendor stylesheet for a code review, reformatting CSS pasted from a compiled bundle, and learning how a particular framework structures its output.

Minified CSS

Reference

Beautification Features
• Adds proper indentation
• Formats selectors on separate lines
• Newline after opening braces
• Newline after semicolons
• Customizable indent size
• Preserves CSS functionality
Settings
Current indent: 2 spaces
Recommended: 2 or 4 spaces

Frequently asked questions

What formatting choices does it apply?
One selector per line in compound selectors, one declaration per line inside a rule, two-space indentation, a space after the colon in each property, and a trailing newline before the closing brace. Conventional, prettier-style output.
Will it change the behaviour of my CSS?
No. Beautification is whitespace-only — the rules, order, and computed cascade stay identical. The output is a 1:1 reformat of the input.
Can it handle modern CSS features?
Yes — nested rules, container queries, :has(), @layer, custom properties, and the rest of recent additions all format. Anything CSS Working Group has shipped is handled.
What about @media and @supports blocks?
They're indented as nested blocks with their own rules indented one level further. Easier to scan visually than the inline form most minifiers produce.

Other Formatters

View all tools →

JSON Formatter

Format and validate JSON with syntax highlighting

{}

SQL Prettify

Format and beautify SQL queries

{}

HTML to Markdown

Convert HTML to Markdown format

<>

Markdown to HTML

Convert Markdown to HTML

<>

YAML to JSON

Convert YAML format to JSON with syntax validation

⇄

JSON to YAML

Convert JSON to YAML format for configuration files

⇄

CSS Minifier

Minify CSS to reduce file size and improve performance

CSS