Loading...
Edit JSON with an interactive tree view or raw text editor. Your data never leaves your browser.
Pro tip
Edit JSON configs smarter. Git AutoReview catches config errors in PRs before they break production.
Paste your JSON into the editor and it appears in two views: a collapsible tree and a raw text editor. Switch between them using the Tree/Raw tabs. In the tree view, double-click any value to edit it inline. In raw mode, you get full text editing with syntax highlighting.
Changes in either view sync automatically. Edit a value in the tree and the raw JSON updates. Modify the raw text and the tree reflects the change. Press Ctrl+Enter in raw mode to format the JSON with proper indentation.
Deeply nested configs — Terraform state, CloudFormation, Kubernetes manifests — are painful to edit in raw text. The tree collapses everything irrelevant.
Double-click the exact value you need to change. No hunting through 500 lines.
Mocking API responses is the second big use case. You grab a real response, need to tweak three fields for a test scenario, and the tree view prevents you from accidentally breaking a bracket somewhere while fumbling through raw text.
Data cleanup rounds out the list — fixing typos in translation files, toggling feature flags, adjusting config thresholds. Search plus tree navigation gets you there fast.
Tree is for navigating and quick single-value edits — collapse what you do not care about, double-click what you do. Harder to break structure accidentally.
Raw is for bulk work — copy-pasting sections, adding new properties, restructuring. Full syntax highlighting shows exactly what gets saved.
Most of us end up switching between both: tree to find the spot, raw to make the bigger change.
Use the search box to find keys or values in the tree. Matching text is highlighted in yellow. This is especially useful for large JSON files where scrolling through hundreds of nodes would take too long.
Your JSON never leaves your browser. Whether you are editing API keys, internal configs, or test data with PII, nothing is sent to any server. Open your browser DevTools Network tab to verify — you will see zero outbound requests when editing.
Press Ctrl+Enter (Cmd+Enter on Mac) to format the raw JSON. Press Ctrl+Shift+C to copy the current JSON to your clipboard. In the tree view, double-click any value to edit, press Enter to save, Escape to cancel.
Two editing modes that stay in sync — a tree view where you double-click values to change them, and a raw text editor with syntax highlighting. Edit in one, the other updates automatically.
Yes. Everything runs in your browser. Your JSON is never sent to any server. You can verify this by checking the Network tab in your browser DevTools.
Yes. Double-click any value (string, number, boolean, or null) in the tree view to edit it inline. Press Enter to save or Escape to cancel. The raw JSON updates automatically.
Use the raw editor tab to add or remove properties by editing the JSON text directly. The tree view will update when you switch back. Hover over any node in the tree to see a delete button.
Yes. Click the arrow next to any object or array to collapse or expand it. The tree starts expanded to 3 levels deep by default. Use the Expand All button to reset the tree.
The Editor lets you modify values directly in the tree view and edit raw JSON. The Viewer is read-only and optimized for navigating large files without accidentally changing anything.
Yes. Since it runs in your browser, it handles files up to several megabytes. For very large files, the tree view may be slower than the raw editor. You can collapse nodes to improve performance.
Ctrl+Enter (or Cmd+Enter) to format the raw JSON, Ctrl+Shift+C to copy the current JSON. In the tree view, double-click to edit, Enter to save, Escape to cancel.
Yes. Use the search box above the tree to filter by key names or values. Matching text is highlighted in yellow.
Developer Toolkit by Git AutoReview
Free tools for developers. AI code review for teams.