JSON Viewer — IRJSON

The world-class JSON toolbox, right inside VS Code — free, private, zero ads.

Open any JSON file in IRJSON directly from your editor. Format, validate, diff, query, visualise and transform JSON without leaving your workflow.

Features

Core Tools

Format & Beautify — Pretty-print with customisable indent
Minify — Compact JSON for shipping
Sort Keys — Alphabetically sort all object keys (nested)
Real-time Validation — Instant parse errors as you type

Interactive Tree View

Expand / collapse nodes at any depth
Click-to-copy any value or key path
Inline editing — double-click a leaf value to edit in place
Annotations — attach notes to any key or value

Advanced Modes

Mode	What it does
Diff	Side-by-side or unified semantic JSON diff
Query	JSONPath, JMESPath, and jq queries with live results
Schema	Validate JSON against a JSON Schema (AJV + formats)
Convert	Export to YAML, CSV, TypeScript, Pydantic, Go structs
Visualise	Graph / mind-map (React Flow) and chart views (Recharts)

Productivity

Search & Filter — Search keys/values across the entire document
Table View — Arrays of objects rendered as a sortable table
Statistics — Key count, depth, value type breakdown at a glance
Bulk Transforms — Unflatten, deduplicate, extract keys
Import — Paste or drag YAML, CSV, or XML and convert to JSON
AI Assistant — BYOK AI chat (via OpenRouter) for JSON queries in natural language
Share via URL — Share your JSON via a compressed URL (lz-string)
Print / Embed — One-click print or get an embeddable snippet

VS Code Integration

Auto-sync — Viewer updates automatically when you switch to a .json file or save
Two-way sync — Format or transform in the viewer → changes write back to your editor
Sidebar view — Persistent JSON Viewer panel in the Activity Bar, always one click away
Editor panel — Full-width editor panel (Ctrl+Shift+J) for immersive viewing
Explorer context menu — Right-click any .json file → open in editor panel or sidebar

Usage

Option 1 — Editor Panel (full width)

Open a .json file
Press Ctrl+Shift+J (Windows/Linux) or Cmd+Shift+J (macOS) — or right-click in the editor → Open in JSON Viewer (Editor Panel) — or run JSON Viewer: Open in JSON Viewer from the Command Palette

Click the IRJSON icon in the Activity Bar (left sidebar) — or press Ctrl+Shift+Alt+J / Cmd+Shift+Alt+J
The viewer shows your active JSON file and stays in sync as you work

Option 3 — Explorer right-click

Right-click any .json file in the Explorer panel
Choose Open in JSON Viewer (Editor Panel) or Open JSON Viewer Sidebar

Keyboard Shortcuts

Action	Windows / Linux	macOS
Open editor panel	`Ctrl+Shift+J`	`Cmd+Shift+J`
Open sidebar	`Ctrl+Shift+Alt+J`	`Cmd+Shift+Alt+J`

Privacy

100% local — all processing runs in your browser/webview, nothing is sent to a server
No tracking, no ads, no data collection
AI Assistant is opt-in and requires your own API key (BYOK)

Requirements

No internet connection required — the full app is bundled inside the extension.

Building from Source

cd vscode-extension
npm install
npm run compile

# Package as .vsix
npx vsce package

Install locally

code --install-extension json-viewer-vscode-2.2.0.vsix

JSON Viewer - IRJSON

ikppramesh