JSON Viewer icon

JSON Viewer

Extension Actions

How to install Open in Chrome Web Store
CRX ID
cpjmnaccoabkopabenjobiimlppmmpjn
Status
  • Live on Store
Description from extension meta

Beautiful JSON viewer with Tree, Schema, YAML, and Raw views.

Image from store
JSON Viewer
Description from store

Transform raw JSON into something beautiful.

JSON Viewer is a high-performance Chrome extension that makes JSON readable, navigable, and editable - right in your browser.

✨ FIVE VIEW MODES
• Tree View - Collapsible nodes with syntax highlighting. Perfect for exploring nested structures.
• Editor View - Full-featured JSON editor with line numbers, formatting, and validation.
• Schema View - Visualize data types and structure at a glance.
• YAML View - Instant JSON-to-YAML conversion for config files.
• Raw View - Original JSON string with easy copy option.

🔍 POWERFUL SEARCH
• Search across keys and values
• Real-time highlighting as you type
• Navigate matches with Enter / Shift+Enter
• Regex support for advanced queries

⚡ PERFORMANCE OPTIMIZED
• Lazy rendering - Only visible nodes hit the DOM
• Batched processing - Prevents UI blocking on large files
• View caching - Instant tab switching
• Handles 100,000+ nodes smoothly

🛠️ DEVTOOLS INTEGRATION
• Dedicated JSON Viewer panel in Chrome DevTools
• Monitor network requests with JSON responses
• Click any request to view formatted JSON
• Filter requests by URL or content type

⌨️ KEYBOARD SHORTCUTS
• Ctrl/⌘+F - Focus search
• Ctrl/⌘+C - Copy JSON
• Ctrl/⌘+S - Save to file
• Ctrl/⌘+T - Toggle theme

🌙 WORKS EVERYWHERE
• Auto-detects JSON in browser tabs
• Local files - Open .json files directly
• Context menu - Right-click selected text → "View JSON Snippet"
• Light & dark themes - Matches system preference

🔒 PRIVACY
100% offline. Your data is processed locally and never sent anywhere. No tracking. No analytics. No servers.

Free. Open source. No ads. Just JSON, done right.
https://github.com/kunalbabre/JsonViewer