DataGlass — JSON Viewer & Editor

Tracking since Apr 1, 2026.

Changelog

• Jun 10, 2026
  description

  Stop struggling with raw JSON. DataGlass turns complex data into a clear, interactive workspace for developers and QA engineers.
  
  Instead of scrolling through endless brackets, DataGlass gives you the right tool for the right data:
  - Use the Tree Canvas to visually map out nested objects.
  - Switch to Table view to scan massive arrays in seconds.
  - Check Diagrams to understand relationships, or jump into Code view to edit directly.
  
  Why developers choose DataGlass:
  - Query instantly: Built-in JSONPath filtering lets you slice through data like a pro.
  - Zero friction: Local-first, completely free, and no signup required.
  - Saves your context: Session state restore keeps your workspace exactly how you left it.
  - Distraction-free: A dark-themed, minimalist UI built for focused debugging.
  
  Stop wasting time reading raw text. From API responses to complex webhooks, DataGlass helps you understand JSON instantly.

  Open a JSON URL. DataGlass replaces Chrome's raw viewer with a full interactive data studio — instantly, without leaving the tab.
  
  ➤ How it works
  
  Navigate to any JSON URL or API endpoint.
  
  DataGlass detects data automatically and overlays a clean UI.
  
  Explore your variables in 4 modes — switch between them in one click.
  
  ➤ Table View — for structured data
  — Virtualized grid handles 100,000+ rows without lag
  — Sort by any column, filter across all cells instantly
  — Expand nested objects and arrays inline
  — Export to CSV or generate a TypeScript interface in one click
  — Sticky first column keeps context while scrolling horizontally
  
  ➤ Tree Canvas — for nested structures
  — Pan and zoom through deep hierarchies without losing context
  — Smart value detection: colors render as swatches, image URLs as thumbnails, ISO dates as readable strings, base64 as preview badges
  — Double-click any primitive to edit the value directly
  — Breadcrumb navigation tracks your position in the tree
  
  ➤ Diagrams — for visual schema
  — Auto-generate a mind map or flowchart from your data
  — Visualize structure and relationships in seconds
  — Pan, zoom, and export as SVG
  
  ➤ Code Editor — for quick formatting
  — Syntax highlighting, live parse validation, and line numbers
  — Format and beautify files with one click or Ctrl+Shift+F
  — Apply edits back to all 4 views simultaneously
  — Changes persist per URL via Chrome storage
  
  ➤ Query & Filter
  — JSONPath Plus query bar filters all views at once
  — 300ms debounce + LRU cache for instant repeated queries
  — Red border indicator on invalid syntax
  
  ➤ Export options
  — Save as JSON, CSV, YAML, Python dict, or cURL snippet
  — TypeScript interface generated from your data schema
  
  ➤ Theming
  — 4 built-in presets: Default, Ocean, Sunset, Purple
  — Full custom theme editor: accent, background, text, borders
  — Separate dark and light mode themes
  
  ➤ Privacy & Performance
  — Zero data leaves your browser — no accounts, no cloud sync
  — Shadow DOM isolation: extension never interferes with host page styles
  — All processing happens locally in your tab
  
  ➤ Built for
  Backend developers, frontend engineers, QA testers, data analysts, DevOps teams, and anyone looking for a powerful JSON explorer, formatter, and visualizer to work with REST APIs, GraphQL responses, or raw files every day.

• Jun 10, 2026
  short_description

  Inspect, edit, and visualize JSON responses in one focused local workspace.

  Open any JSON URL and get an interactive table, tree, diagram, and editor — no copy-paste, no external tools.

• Jun 10, 2026
  name

  DataGlass

  DataGlass — JSON Viewer & Editor

Permissions & access

Permissions

storage

Host access

None declared

Screenshots