CSS Formatter / Minifier

Beautify or minify CSS in one click.

Mode

Indent

Input

Output

.btn {
  padding:8px 12px;
  border:1px solid #ccc;
  border-radius:6px;
  color:#111;
  background:#fff
}
.btn:hover {
  background:#f5f5f5
}

Tip

Use Beautify for code review, Minify for production assets. For nested SCSS, pre-process to plain CSS first.

Over deze tool

Paste CSS and switch between pretty-printed (multi-line, indented) and minified (one-line) output. Configurable indent size. Saves the day for r/webdev when you’re staring at a minified bundle.

Vergelijkbare tools

Meer formatters die je misschien handig vindt.

Case Converter

Convert text between UPPER, lower, Title, camelCase, snake_case and more.

Word / Character Counter

Count words, characters, sentences, and reading time.

Markdown to HTML Converter

Convert Markdown to HTML with a live preview.

Andere categorieën

Zoek je iets anders? Blader door de rest van de catalogus.

Gesponsorde suggesties

Like this site? You'll love our weekly newsletter
One new tool, one fresh Reddit pain point, every Friday. No spam.

Sommige links hieronder zijn affiliatelinks. We kunnen een commissie verdienen als je via deze links koopt, zonder extra kosten voor jou.

Tool voorstellen