Functional JSON viewer icon

Functional JSON viewer

Extension Actions

How to install Open in Chrome Web Store
CRX ID
cokkmplppnaigoodkkjopoblfaelibab
Description from extension meta

Modern JSON formatter and explorer.

Image from store
Functional JSON viewer
Description from store

Why to use:

- Foldable & filterable & focusable nodes
- (Shift-)Tab navigation
- Show node path on focus & hover
- Keymaps (Vim inspired)
- Clickable links
- Light & dark theme
- Converting JSON
- Screenshot (JSON to image .jpeg)

---
Functionality:

- Filter nodes (text or RegExp)
- Collapse all nodes
- Expand all nodes
- Save JSON
- Copy JSON
- Copy node
- Copy node path
- Switch formatted & raw data
- Sticky panels

---
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

---
Tips:

On large file, better search:
1. Click collapse all
2. Use native browser search (Ctrl+f)
3. Browser will auto expand matched nodes

---
Code:
https://github.com/diogenesofweb/fjv

Latest reviews

Mark Holland
Thank you for the collapse all feature!