Will minifying break my URLs or strings?

No, strings and comments are protected before whitespace collapsing.

Can I choose the indent size?

Yes, pick 2 or 4 spaces for beautified output.

Does it support nested at-rules?

Yes, braces are tracked with a running indent depth.

Is my data uploaded to a server?

No. This tool runs entirely in your browser using standard web APIs, so your input never leaves your device and nothing is logged or stored on our servers.

Does it work offline and on mobile?

Yes. Once the page has loaded it keeps working without a network connection, and the layout is responsive so it stays usable on phones and tablets.

CSS Formatter

Beautify or minify CSS with safe string handling.

Support

Works Offline

Privacy First

No Login

No API

Indent

Minify

Input

Output

.wrap {
  display:flex;
  gap:8px;
}
.wrap .item {
  color: red;
  /* note */ background:url("a.png");
}

About the CSS Formatter

Format CSS with configurable indentation, or minify it by stripping comments and whitespace while safely preserving string literals and URLs. Great for cleaning up stylesheets before sharing or shipping.

Examples

Compact CSS

.a{color:red}

Output

.a {
  color: red;
}

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

HTML Formatter

HTML & CSS

Beautify and indent messy HTML markup.

Border Radius Generator

HTML & CSS

Fine-tune per-corner border radii visually.

Box Shadow Generator

HTML & CSS

Layer multiple box-shadows with a live preview.

Clip Path Generator

HTML & CSS

Design polygon clip-path shapes with a live preview.

CSS Animation Generator

HTML & CSS

Build keyframe animations visually with a live preview.

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser