Skip to content
Tooldict

JS / CSS Beautifier

Turns JavaScript or CSS into a neatly indented, readable form. Pick the language from the tab above.

Result

About

Ideal for inspecting minified or badly indented JS/CSS files. Blocks are indented properly and lines are tidied up.

All processing happens in your browser; your code is never sent to a server.

How to use

  1. Pick the JS or CSS tab.
  2. Paste your code into the box.
  3. Copy the beautified code.

Frequently Asked Questions

Does it run my code?
No. The code is never executed; only its formatting (indentation, spacing) is adjusted.
Does it un-minify code?
Yes. It can turn single-line, minified JS/CSS back into readable form.

Other tools

Embed this tool

Copy the code below and paste it into your site's HTML to embed this tool for free. The snippet includes an attribution link back to the source.

<iframe src="https://tooldict.com/embed/en/js-css-beautifier" title="JS / CSS Beautifier" width="100%" height="600" style="border:1px solid #e2e8f0;border-radius:16px;max-width:680px" loading="lazy"></iframe>
<p style="font:13px/1.5 sans-serif">Powered by <a href="https://tooldict.com/en/js-css-beautifier" target="_blank" rel="noopener">JS / CSS Beautifier</a> — Tooldict</p>