JSON Formatter

Paste your JSON string in the box and click "Format" below in order to format your JSON online. You can change the formatting options anytime.

Click here to read more about this tool and JSON in general

Indentation

010
2

Indentation Type

About this JSON formatter

This JSON formatter was written for developers (but really, everyone who usese JSON) as a tool for debugging and getting the format of JSON data right.

The tool allows you to validate your JSON data and set the indention level as well as the type (either tabs or spaces). Just paste your JSON string in the input above and use the controls to format the JSON data to your needs.

Here's a detialed list of the features:

Online JSON validator

If you pass invalid JSON to this tool, a error message will appear above to leat you know what went wrong with parsing your JSON data.

Set indentation depth

Use the slider to set the indentation depth of your JSON data. This defaults to 2 but can be set to whatever value you whish.

Set indentation style

You can choose wether you want your JSON to be indented with spaces or tabs with the buttons in the control area. This defaults to spaces.

Once you are happy with the formatted JSON, just copy it from the results area.

Why this was built

I built this tool mainly to learn about JSON processing and formatting. I learn better by doing instead of reading, so I decided to write this small tool as an exercise. It was quite fun!

Feature roadmap

There are some more features I would like to add to this tool:

  • Copy-Button to copy formatted JSON
  • Select which parts of the JSON you want keep in the result
  • Display invisible characters (tabs and spaces)
  • Proper Editor for source data
© 2024 Chris Jarling