JSON Hero - A beautiful JSON viewer
Extracto
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
Contenido
JSON sucks.
But we're making it better.
Stop staring at thousand line JSON files in your editor and start staring at thousand line JSON files in your browser. With a few nice features to help make it not the worst.
No JSON? Try it out:
Images are more than just strings
We figure out what your strings are made of, so you don't have to.
- Images
- Dates
- Colors
- URLs
- Videos
Preview

Properties
href | https://media.giphy.com/media/13CoXDiaCcCoyk/giphy-downsized.gif Copy |
origin | https://media.giphy.com Copy |
protocol | https: Copy |
hostname | media.giphy.com Copy |
pathname | /media/13CoXDiaCcCoyk/giphy-downsized.gif Copy |
mimeType | image/gif Copy |
Uncover edge cases
Sometimes a field can be null, have an unexpected value or be missing entirely. View any field's related values and see what to expect when you least expect it. Or check out the inferred JSON schema to see what your JSON is really made of.
Quickly search your whole JSON file
Search for absolutely anything in your JSON file with blistering speed. Use the fuzzy matching and keyboard shortcuts to make navigating your files even faster.
Collaborate with the whole world (and yourself)
Easily share your JSON documents with any distant relative. Link right to the part of the document you're on. Or save the link for some casual browsing later in the evening while enjoying a glass of red.
And lots more features…
Keyboard shortcuts
Move as fast as you can think… after 3 coffees
Dark mode
Of course, we’re not animals.
Code view
Easily switch to the code view, so you can appear hardcore.
Auto JSON Schema
Automatically generates JSON Schema (draft 2020-12) from your JSON.
VS Code plugin
Quickly view JSON files or selections in JSON Hero, right from VS Code. Get it here.
100% open source
Use jsonhero.io or fork it on GitHub and run it yourself.
