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