About the JSON to HTML
Turn JSON into HTML tables. Arrays of objects become a table with a header row, and nested objects are rendered as nested tables. Preview the result or copy the HTML.
Key features
- Arrays of objects become tables with header rows
- Nested objects and arrays become nested tables or lists
- Live HTML preview
- Complete, styled HTML document ready to open
- All values HTML-escaped for safety
- Download as an .html file
Turn JSON data into readable HTML tables
JSON is great for machines, but managers, clients and non-technical colleagues want tables. This converter turns JSON into clean HTML tables that open in any browser, paste into emails, or drop into a web page or CMS.
How data is mapped
| JSON shape | HTML output |
|---|---|
| Array of objects | <table> with a header row of keys and one row per object |
| Single object | Two-column key/value table |
| Array of strings/numbers | <ul> bullet list |
| Nested object in a cell | Nested key/value table |
null | Empty cell |
Example
[
{ "name": "Laptop", "price": 1299, "inStock": true },
{ "name": "Mouse", "price": 25, "inStock": false }
]
produces:
| name | price | inStock |
|---|---|---|
| Laptop | 1299 | true |
| Mouse | 25 | false |
Use cases
- Sharing API data with people who don't read JSON.
- Reports and dashboards. Quick static tables from exported data.
- Email. Paste a table into an email body instead of attaching a file.
- Documentation. Show sample data in readable form.
- CMS content. Add data tables to WordPress, Ghost or Webflow via an HTML block.
Tips
- Flatten first for wide data. Deeply nested data produces tables within tables. For spreadsheet-style output, use JSON to CSV or JSON to Excel, which flatten nested fields into columns.
- Remove empty fields. The JSON Cleaner reduces empty columns.
- Preview before copying. Toggle Preview to see the rendered table, then switch back to Code to copy the HTML.
Related tools
To show JSON as colorful code rather than a table, use the JSON Syntax Highlighter.
How to use the JSON to HTML
- Paste your data into the input box, upload a file, or click Sample to try it out.
- Adjust the options above the editor if you need to (indentation, delimiter, and so on).
- The HTML appears instantly in the output panel. Any errors are shown with their line and column.
- Click Copy to copy the result, or Download to save it as a file.