Embeddable JSON Viewer

Drop an interactive JSON tree onto any page with a single <iframe>. Configure it below and copy the code.

<iframe
  src="https://jsonkit.in/embed?data=N4KABGBEAOBOD2ATArgYwC6QFxQFIGUB5AOQGkBLTAGnCgDNYBTR7MdWZRmiSdeeADYBnVgHYAnNyjoAhgHMROANqQAVkPgA7SFXrxYAWxnp0jWDqgA3cowDuZyAF0QAXyA"
  width="100%"
  height="320"
  style="border:1px solid #e2e8f0;border-radius:12px"
  title="JSON viewer by JSONKit"
  loading="lazy"
></iframe>

Embeddable JSON Viewer — iframe Widget

How it works

The widget is a tiny, chrome-less page at jsonkit.in/embed that renders JSON as a collapsible, syntax-highlighted tree. You point an <iframe> at it and pass your data through the query string. There's no script to install and nothing to maintain — the viewer is served and updated by JSONKit.

Parameters

ParameterWhat it doesExample
dataA JSONKit share token (compressed JSON). Best for static/inline data.?data=N4Ig…
urlA live URL to fetch JSON from at view time (subject to the API's CORS policy).?url=https://api.site.com/data.json
themeColor theme: light, dark, dracula, github, monokai, nord.?theme=dark

Use either data or url. The generator above produces a data embed so your JSON travels with the snippet and never changes unexpectedly.

Privacy

When you use a data embed, the JSON is encoded into the URL and rendered entirely in the visitor's browser — JSONKit never receives or stores it. With a urlembed, the visitor's browser fetches that URL directly. Either way, there is no server-side logging of your data.

Frequently Asked Questions

Yes, completely free with no account, no API key, and no usage limits. Attribution (the small 'JSONKit' label) keeps it free.

Yes. Because it's a standard <iframe>, it works on WordPress, Webflow, Ghost, Notion embeds, plain HTML, React/Vue/Svelte apps, documentation sites — anywhere you can paste an iframe.

Yes — use the url parameter (e.g. ?url=https://api.example.com/data.json). The visitor's browser fetches it at view time, so the API must allow cross-origin (CORS) requests. For data that shouldn't change, use the data token instead.

For data embeds, the JSON is compressed into the URL, so very large payloads can hit browser URL-length limits (~tens of KB of JSON is comfortable). For large or live data, use the url parameter.

Yes — pass theme=light, dark, dracula, github, monokai or nord. Pick the one that blends with your page in the generator above.

Related Tools

JSON Formatter

Beautify and format JSON with indentation

JSON Explorer

Explore JSON visually as an interactive node graph

API Request Playground

Send REST requests and view JSON responses in a tree

JSONPath Tester

Test JSONPath expressions and see all matches — or build one with no syntax

JSON Validator

Find syntax errors with line and column numbers

JSON Linter

Duplicate keys, mixed naming, inconsistent array shapes