My code or data is minified and unreadable
One long line of minified everything? Pick the matching formatter and get properly indented, readable code back.
To make minified code readable, run it through a formatter (beautifier): it re-indents the structure and adds line breaks so you can actually read and debug it. We have dedicated formatters for JSON, HTML, CSS, JavaScript, XML, YAML and SQL: each works in your browser, so your code is never uploaded. Paste it in and copy the clean version.
4 tools for this
Each one is free, private and runs in your browser. No sign-up, no watermark.
JSON Formatter
Format, validate and minify JSON in your browser with pinpoint error line + column, jump-to-error, key sorting and live editing: nothing is uploaded.
HTML Formatter
Beautify or minify HTML in your browser: reindent messy markup, wrap long lines, fix nesting readability, and collapse to production-ready output. Works on full pages and fragments. Nothing is uploaded.
CSS Beautifier
Beautify and format CSS, SCSS and LESS in your browser with Prettier, auto-detected syntax, configurable indent and print width, nested-rule support and precise error lines. Nothing is uploaded.
SQL Formatter
Format, beautify and minify SQL in your browser with a dialect picker (PostgreSQL, MySQL, T-SQL, BigQuery, Snowflake…), keyword-case control and custom indentation: nothing is uploaded.
How to fix it
Follow these steps and you'll have it sorted in a couple of minutes.
- 1
Pick the right formatter
JSON → JSON Formatter, HTML → HTML Formatter, CSS → CSS Beautifier, SQL → SQL Formatter, and so on.
- 2
Paste your minified code
Drop in the compressed one-liner. It's processed in your browser. Nothing is sent anywhere.
- 3
Get indented output
The formatter re-indents and line-breaks the code so the structure is clear.
- 4
Copy it back
Copy the readable version into your editor to inspect, debug or hand off.
- Using the wrong tool for the language: format JSON with the JSON formatter, not the HTML one, so it parses correctly.
- Formatting invalid code and getting a confusing result. If it's JSON, validate it first to fix syntax, then format.
- Committing auto-formatted code that fights your project's linter. Match your team's formatting rules where they exist.
Frequently asked questions
More problems we solve
Ran into one of these too? Here's the fix.
- My JSON is invalid and I can't find the error'Unexpected token' almost always means one stray character. A validator points straight at it so you're not hunting by eye.
- I need to convert a CSV file to JSONMove data between a spreadsheet and code without a script. Header row becomes keys, each row becomes an object.
- My site has no meta tags or preview when sharedA blank preview costs you clicks. Add the right tags so Google and social show a proper title, description and image.
Keep exploring
Problems we solve
Definitions
From the blog
- How to Generate TypeScript Types from JSON (API Responses Made Type-Safe)
- How to Fix Invalid JSON Errors: The Complete Troubleshooting Guide
- How to Convert CSV to JSON: Headers, Types, and Nesting Done Right
- What Is JSON and How to Read It: A Beginner's Guide
- How to Find Exposed API Keys in Your Code (Before Someone Else Does)
Compare formats
By file type
Common tasks
Next steps
Ready? Start with JSON Formatter
Free, private and instant: everything runs in your browser.