w3toolhub

Cool JSON Beautifier

JSON Beautifier is a simple-to-use tool that is used in adding structural integrity to JSON files and in adding proper formatting according to JSON Style Guide. The tool is very simple and all you need to do is paste the JSON code in the given text area and click on the “Beautify” button.

Ugly JSON

Output

Submit Copy



HTML <style>, <script> formatting:

Why JSON Beautifier Online tool?

JSON is a notation used to serialize objects and arrays, due to its simple syntax and human-readable text, it has become a popular data exchange format. Now you can easily beautify your messy looking ugly or minified JSON code into a properly structured and readable one using JSON Beautifier

Sample JSON Code

{"menu": {"id": "file", "value": "File", "popup": {"menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"}] }}}

Sample Output Code

{"menu": {
  "id": "file",
  "value": "File",
  "popup": {
    "menuitem": [
      {"value": "New", "onclick": "CreateNewDoc()"},
      {"value": "Open", "onclick": "OpenDoc()"},
      {"value": "Close", "onclick": "CloseDoc()"}
    ]
  }
}}

Tags:

,