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.

About this 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.

Related tools

More formatters you might find useful.

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.

Other categories

Looking for something different? Browse the rest of the catalog.

Suggest a tool