Is this a full formatter like Prettier?

No. It's a lightweight formatter that indents based on braces and semicolons. It safely preserves strings, comments, and template literals, but doesn't enforce detailed style rules.

Can it clean up minified code too?

Yes. Code squashed onto a single line is also line-broken and indented based on braces and semicolons.

Is the code I enter sent to a server?

No. It's processed entirely in your browser.

✨ JavaScript / CSS Formatter

Indents JS/CSS code based on braces and semicolons. (A lightweight formatter — not a full parser-based formatter like Prettier)

CSS JavaScript

Input

Result

How to use

Choose CSS or JavaScript.
Enter your code.
Click "Format" to see indented code.

🎯 Use Cases

Expand minified CSS/JS files into a readable form
Check formatting before a code review
Understand code structure for learning purposes

Example

Input

.a,.b{color:red;font-size:12px}

Output

.a,.b {
  color: red;
  font-size: 12px
}

A single-line, minified CSS rule expanded in CSS mode. The formatter breaks after the opening brace, indents each declaration by two spaces, and adds a space after the colon in property: value.

FAQ

Is this a full formatter like Prettier?: No. It's a lightweight formatter that indents based on braces and semicolons. It safely preserves strings, comments, and template literals, but doesn't enforce detailed style rules.
Can it clean up minified code too?: Yes. Code squashed onto a single line is also line-broken and indented based on braces and semicolons.
Is the code I enter sent to a server?: No. It's processed entirely in your browser.