Convert JSON to HTML
Table, list or
dl. Live preview.
Generate styled HTML tables, semantic lists or definition lists from any JSON. Live browser preview before you copy. Inline CSS included — paste directly into any email or page.
Three steps — paste your JSON and get ready-to-use HTML.
Paste a JSON array of objects or a single JSON object. Arrays produce tables and lists, single objects produce definition lists. Nested objects are flattened automatically with dot-notation column names.
Select table, list or definition list. For tables, choose a colour theme (dark navy, teal, minimal or striped) and border style. All styles are inline CSS — the HTML is self-contained and works in email clients, Confluence, SharePoint and any HTML editor.
Click Preview to see exactly how the HTML renders in the browser. Copy the HTML to paste directly into your email, CMS or documentation page — or download as a standalone .html file.
Choose the format that fits your content and destination.
| Output type | Best for | Generated elements |
|---|---|---|
| HTML Table | JSON arrays — each object becomes a row | <table> with <thead>, <tbody>, <tr> and <td>. Styled headers, optional caption. Works in email clients. |
| HTML List | JSON arrays and nested objects — hierarchical display | Nested <ul> and <li> with key: value pairs. Objects nest recursively. Good for sidebar navigation, config display and documentation. |
| Definition List | Single JSON objects — key-value pair display | <dl> with <dt> for keys and <dd> for values. Semantic and accessible. Ideal for product detail pages, metadata display and API response documentation. |
The most common workflows where JSON data needs to become HTML.
API responses and database query results need to be presented in email bodies — HTML tables work in all email clients. The inline CSS output is compatible with Gmail, Outlook, Apple Mail and every major email client without any additional processing.
Power Automate's built-in "Create HTML table" action produces a plain, unstyled table. Paste the same JSON array here to get a styled, professional table you can use in "Send an email" actions — with custom colours, borders and formatting that match your brand.
Confluence, Notion, SharePoint and GitHub wikis all accept pasted HTML. Converting an API response sample or configuration object to a styled HTML table or definition list produces documentation-ready markup in one step — no Markdown table formatting required.
When building a prototype or a dashboard, you need a quick way to display JSON data visually. The HTML table output gives you a complete, styled table element you can drop directly into an HTML file — no JavaScript framework, no CSS library, no build step.
HTML generated in
your browser. No upload.
The entire HTML generation runs in JavaScript locally. Your JSON is parsed and traversed entirely in your browser — it is never transmitted to any server. The live preview renders the generated HTML in a sandboxed iframe — you see exactly what the output will look like before copying.
All styles are inline CSS — no external stylesheets, no class names, no framework dependencies. The output is self-contained HTML that renders correctly in email clients, CMS editors, wikis and any browser without any additional setup.