CSS Beautifier | 2lus

Format CSS text locally for review and download.

What it does

Format CSS source. Format code, inspect JSON or generate developer text.

What this tool accepts

text, a URL, or values entered in the tool

What it produces

HTML, CSS, JS, JSON, TXT, CONF

How to use it

  1. Choose json-view and paste valid JSON.
  2. Run, expand objects and copy values or paths.

Example

Input:
.x{color:red;margin:0}

Options:
mode: css-beautify

Output:
Multiline CSS declarations.

Tips and notes

Privacy and processing

Processing runs locally in your browser until you explicitly choose to share a result.

Open this tool or browse all 2lus tools.