Embed a JSON Formatter on Your Site

TL;DR: Paste one iframe snippet and your blog post, docs page, or tutorial gets a working JSON formatter/validator - free, no signup, and your readers' data never leaves their browser.

The snippet

<iframe
  src="https://jsonconsole.com/embed"
  width="100%"
  height="480"
  style="border: 1px solid #e5e5e5; border-radius: 12px;"
  title="JSON Formatter by JSON Console"
  loading="lazy"
></iframe>

Works in any HTML page, and in markdown engines that allow raw HTML (most docs sites, WordPress, Ghost, and Notion embeds).

Live preview

Good to know

  • Privacy-preserving: the widget is pure client-side JavaScript. Whatever your readers paste is processed in their own browser and never transmitted.
  • Free, including commercial use: embed it in courses, docs, and company wikis. The only branding is a small "Powered by JSON Console" line.
  • Theme-aware: the widget follows the visitor's system light/dark preference automatically.
  • Sizing: 480px height fits the editor plus toolbar; anything from 360px works. Width is fluid.
  • Need more than formatting? Link your readers to the full JSON Formatter with tree/table/graph views, or any of our 25+ converters.