Other JSON tools already keep an editor beside a tree. BracketView now does the same.
BracketView now does the same. 🎉
🧰 The workspace
BracketView is a browser JSON workspace: Monaco editor, tree, graph, node, and table views, format and validate, JSONPath, jq, diff, schema, and types. Core viewing and querying stay in the browser.
Dual Mode is a setting in the workspace gear ⚙️ — not a new mode you have to learn.
| Pane | What it shows |
|---|---|
| 📝 Left | Text editor |
| 🌳 Right | Tree, Graph, Node, or Table |
Header tabs select the right pane.
- 🌳 Tree / Graph / Node / Table — Dual Mode stays on
- 1️⃣ Text / Stats / JQ — Dual Mode turns off and you get a single view
↔️ Drag the divider between the panes. The split is remembered.
📱 On a viewport under 768px the panes stack, editor above the view, and the divider resizes the row instead of the column.
⚡ Parse while you type
In Dual Mode the buffer is parsed on a short debounce. If the JSON is invalid for a moment, the last valid view stays up and a small error is shown. The tree does not get replaced by an error screen on every typo. 😅
🔍 Tree search keeps the parent
A match is still the key or the primitive value. What you see is the whole object or array item that contains it.
{
"user": { "id": 42, "name": "Alice", "email": "alice@example.com" },
"meta": { "source": "api" }
}
Search Alice. You get id, name, and email. meta stays hidden. The amber mark sits on name, and user is expanded. ✨
Search a nested value such as a city, and you get that address object (city and zip), not the entire user record.
🚀 Try it
app.bracketview.in — gear icon, Dual Mode.
Windows and Linux desktop builds are 0.1.7.
Top comments (0)