CSS Formatter

Paste CSS to expand minified rules into one declaration per line with consistent indentation, so stylesheets are easy to read and review.

Loading the CSS Formatter…

How to use the CSS Formatter

  1. Paste your CSS into the input panel, drop a file onto it, or load the sample.
  2. The formatted result appears on the right as you type. Change the indent size at any time.
  3. Copy the result or download it as a file. Press Ctrl/⌘ + Enter to format immediately.

Features

  • Expands minified CSS into readable rules
  • Consistent spacing, indentation and line breaks
  • Supports modern CSS syntax
  • Formats as you type
  • Copy, download and drag-and-drop file support
  • Remembers your last input on this device
  • Light and dark themes

Frequently asked questions

Is my data uploaded to a server?

No. Everything runs locally in your browser. Your input never leaves your device, so it is safe to use with private or proprietary data.

Is Formatter free?

Yes. Every tool is free to use with no sign-up and no limits. A few ads around the tools keep the site running; they never appear inside the editors.