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.

Can it make minified JS readable?

Yes — indentation reveals the block structure. Deobfuscation like restoring variable names is not supported.

Does Sass or Less work?

It tidies shared brace/semicolon structure but does not understand their specific syntax like mixins.

✨ 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.

Indentation rules and limits

A lightweight formatter that splits on braces and semicolons — handy for making minified code readable.

Rule	Effect
Braces `{ }`	Increase/decrease indent level
Semicolon `;`	Line break at statement end
Strings	Braces or semicolons inside strings may be misread
Limit	Not a full parser like Prettier — no complete syntax awareness

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.
Can it make minified JS readable?: Yes — indentation reveals the block structure. Deobfuscation like restoring variable names is not supported.
Does Sass or Less work?: It tidies shared brace/semicolon structure but does not understand their specific syntax like mixins.