ZYBERMART

Install ZYBERMART

Open every tool from your home screen or dock, in its own window. Tools you've used also work offline.

Code Beautifier

Re-indent messy or minified JavaScript, CSS and HTML so it's easy to read, with your choice of indent and brace style.

How to beautify code

  1. Pick JavaScript, CSS or HTML, and paste your code. Minified code works too.
  2. Choose the indent you use, then Beautify.
  3. Copy the result, or download it as a file.

Going the other way? The code minifier makes JavaScript, CSS and HTML as small as possible. For JSON, use the JSON formatter, and for SQL the SQL formatter.

Frequently asked questions

What does a code beautifier do?

It re-indents and spaces out code so it's easy to read: one statement per line, blocks indented, and consistent spacing around operators and braces. It doesn't change what the code does.

Can it un-minify code?

Yes. Paste minified JavaScript, CSS or HTML and it's laid out again. Variable names that a minifier shortened (like a, b, c) can't be restored, but the structure becomes readable.

Which settings can I change?

Indent size (2 or 4 spaces, or tabs), whether to put opening braces on their own line in JavaScript and CSS, and how many blank lines to keep.

Is my code uploaded?

No. Beautifying runs in your browser with js-beautify, an open-source library.

Sign in to ZYBERMART

Keep your CVs, invoices, flashcards, notes and saved tools on all your devices. It's free, and the tools work the same without an account.

or

No password needed. By signing in you agree to the terms; see how we handle your data in the privacy policy.

Your account

Signing out keeps a copy of your work in this browser. On a shared computer, clear your browser data afterwards.

What do you want to create?

Designs

Social media

Documents

Study

Edit

See all 241 tools