JSON Formatter & Query

About

JSON Formatter & Query automatically formats and beautifies JSON responses in your browser with a collapsible tree view, syntax highlighting, and a built-in query engine.

🔮 Instant Formatting Opens any JSON URL and transforms raw data into a clean, navigable tree with color-coded syntax. Toggle between tree view and raw JSON.

🔍 Built-in Query Engine Query your JSON data directly in the browser — no need to copy-paste into external tools.

• Path Mode — Navigate with dot notation: users[0].name, config.database.host • SQL Mode — Write SQL queries: SELECT name, email FROM data WHERE age > 25 ORDER BY name • MongoDB Mode — Use MongoDB syntax: { "status": { "$eq": "active" }, "$sort": { "name": 1 } }

✨ Smart Autosuggest Get intelligent suggestions as you type — field paths from your actual data, SQL keywords, and MongoDB operators.

📐 Dockable Query Panel Pin the query panel to any edge (bottom, top, left, right). Drag to resize. All preferences are saved automatically.

🌗 Dark & Light Themes Toggle between carefully crafted dark and light themes.

⚡ Lightweight Zero dependencies. No background processes. No data collection. Works entirely offline.