JSON to Table

Developer Tools

Visualise JSON as an HTML table

FreePrivateInstant
Add a file · .txt .md .csv .json … · up to 2.00 MB
Embed this tool on your websiteFree
  1. Choose how tall the frame should be.
  2. Press Copy code.
  3. Paste it into your page, blog, WordPress or Notion HTML block.
Height

The tool runs inside your visitor's browser, nothing is uploaded, and a small "Powered by ToolCloak" line stays under it. The second line (script) is optional: it makes the frame fit the tool's height.

Similar tools you may like

History

All history →

JSON to Table — at a glance

Paste a JSON array and see it as a neat table with automatic column headings.

JSON array
[{"name":"Raj","age":25},
{"name":"Asha","age":30}]
Table
Table
name | age
Raj | 25
Asha | 30

How to use it — step by step

Makes API responses and database exports easy to read and share.

1

Paste JSON

Paste a JSON array of objects, for example from an API.

2

Convert

Press the button to build the table.

3

Read the table

Keys become column headings, each object becomes a row.

4

Copy

Copy the data to use elsewhere.

Pro tips

Small things that make the result better.

✦Works best when all objects share the same keys.
✦The JSON must start with [ and contain objects { }.
✦Use the JSON Formatter first if you get an error.

Quick facts

Autocolumn headings from keys
1 objectequals one row
Instantno setup
Privatestays in your browser

Frequently Asked Questions

What JSON works?+

An array of objects such as [{"a":1},{"a":2}].

What about nested data?+

Nested objects are shown as text inside the cell.

Is my data safe?+

Yes. Everything runs inside your own browser. Your text, files and images are never uploaded to any server.

More Free Tools