YOUR TEXT, IN FOCUS

CSS Beautify.

Format CSS with consistent indentation in your browser, then copy or download the result.

Free · No account
Text stays in this tab
0 LinesUTF-8 · TXT / CSS
Ctrl/⌘ + Enter: format

Formatting only: code is never executed. Input stays in this tab.
01 — How to use it

Readable styles, without changing your workflow.

  1. Paste CSS or import a UTF-8 .css / .txt file.
  2. Choose 2 spaces, 4 spaces or tabs and format.
  3. Review the output, copy it or download a .css file.
02 — A few useful details

Formats CSS; it does not minify, prefix properties or validate how styles render. Large files can be cancelled. Original input stays unchanged; code is not executed.

Use UTF-8 plain text, up to 1 MB and 20,000 lines per input.

Input and output example

Example settings: Format · 2 spaces

Input
.card{color:red;padding:12px}
Output
.card {
  color: red;
  padding: 12px;
}

Common questions

Does formatting execute my code?

No. Parsing and formatting run in a browser worker. The input is not executed or sent to a formatting server. This is not a security or correctness audit.

Which files can I import?

Use UTF-8 plain text, up to 1 MB and 20,000 lines per input. UTF-8: .css, .txt