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.

CSS Formatter

Beautify or minify CSS with safe string handling.

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;
}

Related tools

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.

CSS Filter Playground

HTML & CSS

Tune blur, brightness, contrast, and more with a live preview.

Frequently asked questions

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