Functional JSON viewer

★★★★★
★★★★★
170 users
<
>
President Trump Trending Political Trump 2024 Election Gift Impact Tech Backpack
★★★★★
★★★★★
DNC USB. MICRO DNC 2 for CNC MACHINE. drip feed CNC. fast
★★★★★
★★★★★
Big News April 24, 2023 (Digital)
★★★★★
★★★★★
Kewpie Mayonnaise - 17.64 fl oz
★★★★★
★★★★★
Sheetrock Plus 3 Lightweight Joint Compound - 3.5 qt tub
★★★★★
★★★★★
Irwin Naturals Prosta-Strong Red, Liquid Soft-Gels - 80 soft-gels
★★★★★
★★★★★

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/diogenesofw eb/fjv
Related