JSON to HTML
Convert any JSON to HTML markup. Choose Table for arrays of objects, Definition List for key-value pairs, or Unordered List for nested structures.
Choosing the right output mode
- Table — best for arrays of objects (records). Each object key becomes a column header; missing values are empty cells. Nested objects/arrays are shown as compact JSON strings.
- Definition List (
<dl>) — best for a single object or nested objects where key-value pairing is the primary structure. Keys become<dt>, values become<dd>. - Unordered List (
<ul>) — best for deeply nested or mixed structures. Every key-value pair becomes a list item; arrays become nested<ul>s.
The output is a complete standalone HTML document with embedded CSS. Strip the <!doctype>, <head>, and <body> wrapper and keep only the inner markup if you're embedding it in an existing page.
FAQ
Which output mode should I use?
Use Table for arrays of objects (rows of data). Use Definition List for a single object where you want key-value pairs. Use Unordered List for deeply nested or mixed structures where a table would be too flat.
Can I paste the output HTML directly into a webpage?
Yes — copy just the inner body markup (<table>, <dl>, or <ul>) and paste it into your page. The download includes a full HTML document with basic CSS; you can strip the wrapper and adapt the styles.
What happens to nested objects in table mode?
Nested objects and arrays are serialised as a compact JSON string in their table cell. Switch to Definition List or Unordered List mode to see nested structures rendered recursively.