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
- Pick the JS or CSS tab.
- Paste your code into the box.
- 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>