JSON OS — Free JSON Editor & Markdown Previewer Online

JSON OS is a free, browser-based workbench with two tools: a JSON editor (format, validate, repair, compare, query) and a Markdown previewer (live preview with Mermaid diagrams, KaTeX math, code highlighting and embeds). Everything runs locally — no signup, no uploads, no server processing.

JSON Workbench

  • View & edit JSON in tree, text, or table — switch any column independently.
  • Format / beautify / minify / sort keys with one click.
  • Validate JSON against a JSON Schema (Ajv with format checks).
  • Repair broken JSON: smart quotes, trailing commas, unquoted keys, comments, hex/octal/binary numbers, Python literals, missing commas, unclosed brackets.
  • Compare two documents side by side with sync-scroll, move detection, and ignore rules.
  • Query JSON with MongoDB-style filters: $eq $gt $in $regex $exists $elemMatch $and $or and more — perfect for filtering arrays or validating a single document.
  • Find & replace with regex, case, and whole-word toggles.
  • Export JSON arrays to CSV (UTF-8 BOM, Excel-friendly).
  • Multi-column workspace (up to 3 panes), drag-resize, dark / light / system themes.
  • Local-first: parsing in a Web Worker, persistence in IndexedDB; nothing leaves your device.

Markdown Studio — open at jsonos.online/?tool=md

A second workbench inside JSON OS for writing and previewing Markdown. GitHub-Flavored Markdown, live preview, Mermaid diagrams, KaTeX math, syntax-highlighted code, and provider embeds — all rendered locally in your browser.

  • Live Markdown preview: GitHub-Flavored Markdown with tables, task lists, footnotes, autolinks and strikethrough, re-rendered as you type.
  • Mermaid diagrams: ```mermaid code blocks render inline as SVG. Supports flowchart, sequence, gantt, class, ER, state and mindmap diagrams.
  • KaTeX math: inline $E = mc^2$ and block $$…$$. Math is extracted before parsing so braces and underscores stay intact.
  • Code highlighting: fenced code blocks (TypeScript, JavaScript, HTML, CSS, JSON, and many more) with hover Copy buttons.
  • Embeds: paste a URL on its own line — YouTube, Vimeo, CodePen, CodeSandbox, JSFiddle, GitHub Gist and Twitter/X turn into players or cards. Iframe sources are restricted to a safe allowlist.
  • Three layouts: edit-only, split editor + preview, or preview-only. Toggle with Cmd+Shift+P.
  • Editor shortcuts: Cmd+B bold, Cmd+I italic, Cmd+E inline code, Cmd+K link, plus toolbar buttons for headings, lists, quotes, tasks, code blocks and Mermaid blocks.
  • Multi-tab workspace with drag-and-drop .md import, inline rename, undo / redo, and auto-save to IndexedDB.
  • Export as .md source, copy rendered HTML, or download a standalone .html file with light-theme styles inlined.
  • Sanitised output: rendered HTML is run through DOMPurify; scripts and untrusted iframes are stripped.

Get started

Paste JSON or Markdown (Cmd+V), open a file, or drop a .json / .md file anywhere on this page. Use the Tools switcher in the top bar to move between the JSON Workbench and Markdown Studio. Press ? in either tool for the shortcut cheat sheet.

Loading the JSON OS workbench… If this message stays, your browser may have JavaScript disabled. Privacy · Terms