A beautiful, high-performance, minimalist JSON Viewer, Editor, and Formatter.
- Pristine Monaco Environment: Real-time syntax highlighting, IDE-like line numbers, and object folding powered by Monaco Editor.
- Tree Explorer Mode: Instantly visualize massive JSON payloads in a structured, collapsible read-only directory tree.
- Diff Mode: Compare two JSON payloads side-by-side to visually inspect differences.
- Command Palette: Press
⌘K(orCtrl+K) to access an omni-search for all editor actions and navigation tools. - Smart Formatting: Instantly format and beautify messy JSON payloads on demand or automatically on paste.
- JSON Path Queries: Evaluate JSON Path queries (e.g.,
$.store.book[*].author) in a floating overlay to quickly filter down large responses. - Shareable Links: Encode your JSON data directly into the URL to share specific snippets with coworkers instantly.
- Drag & Drop: Seamlessly drop
.jsonfiles directly into the editor for instant parsing. - Payload History: Auto-saves your recent JSON payloads and query history locally.
- 100% Dark Mode & High-Contrast: Gorgeous native dual-theme support seamlessly syncing to your OS preferences, backed by hardware-accelerated View Transitions.
npm install
npm run dev