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.
How to convert JSON to HTML
Three steps — paste your JSON and get ready-to-use HTML.
Paste your JSON
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.
Choose output type and theme
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.
Preview, copy or download
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.
Three HTML output types
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. |
When do you need JSON to HTML?
The most common workflows where JSON data needs to become HTML.
Email reports and notifications
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 JSON to HTML table
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.
Documentation and wikis
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.
Rapid prototyping
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.
Related JSON tools
All spreadsheets & documents tools
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.