Dmytro

Posted on Aug 7, 2023

Online JSON Viewer

#json #showdev #webdev #opensource

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

Struggling with slow API calls?

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Top comments (0)

A routing system in JavaScript for Single Page Application

Dhruvang Gajjar - Dec 12 '24

Sample Programs Repo Celebrates 1,000 Code Snippets

Jeremy Grifski - Jan 10

Understanding WebSockets: Real-Time Communication Made Simple

Daniel Azevedo - Dec 8 '24

CRUD With Flask And MySql #2 Prepare

Yudhas Develop - Dec 7 '24

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

DEV Community