DEV Community

Cover image for Online JSON Viewer
Dmytro
Dmytro

Posted on

Online JSON Viewer

Web App
Code
NPM

Elegant UI:

  • Foldable & filterable & focusable nodes
  • Show node path on focus & hover
  • Configurable clickable links
  • Light & dark theme

Functionality:

  • Filter nodes
  • Collapse all nodes
  • Expand all nodes
  • Save JSON
  • Copy JSON
  • Copy node
  • Copy node path
  • Switch between formatted & raw data

  • Sticky panels

  • Converting JSON

  • (Shift-)Tab navigation

  • Keymaps (Vim inspired)

  • History

  • Screenshot (JSON to image .jpeg)

  • New JSON entry via file upload, fetch URL or insert JSON string

Convert JSON to:

  • JSON schema
  • Typescript interfaces (.d.ts)
  • Golang structs (.go)

Keymaps:

  • h | ArrowLeft - move focus left (parent node)
  • j | ArrowDown - move focus down (next sibling)
  • k | ArrowUp - move focus up (previous sibling)
  • l | ArrowRight - move focus right (child node)
  • c - collapse all child nodes
  • e - expand all child nodes
  • y - copy node
  • p - copy node path

Available as a Chrome extension

Top comments (0)