jQuery Script
jqueryscript.net › blog › best-json-viewer.html
10 Best JSON Viewer Tools To Format JSON Strings (2026 Update) | jQuery Script
A super lightweight, pure JavaScript JSON formatter / viewer which helps render JSON objects just like a collapsible tree view.
Videos
14:18
Build a React.js JSON Viewer & Editor App to Render JSON ...
20:35
Create Your Own JSON Formatter with JavaScript (Prettify/Minify) ...
Visualize JSON Data In VS Code - YouTube
14:40
JSON Viewer App | React JS - YouTube
00:56
Microsoft Edge | The JSON viewer - YouTube
JSON Viewer
jsonviewer.stack.hu
Online JSON Viewer and Formatter
JSON Viewer and Formatter - Convert JSON Strings to a Friendly Readable Format
npm
npmjs.com › json-viewer-awesome
json-viewer-awesome - npm
This is the package for view json data in a structured and pretty way.. Latest version: 1.0.15, last published: 4 years ago. Start using json-viewer-awesome in your project by running `npm i json-viewer-awesome`. There are 2 other projects in ...
» npm install json-viewer-awesome
Published Sep 22, 2021
Version 1.0.15
Author yoosef
GitHub
github.com › rbrahul › Awesome-JSON-Viewer
GitHub - rbrahul/Awesome-JSON-Viewer: :fire: A Chrome extension to visualise JSON response and introduce awesome JSON prettifying experiences. · GitHub
:fire: A Chrome extension to visualise JSON response and introduce awesome JSON prettifying experiences. - rbrahul/Awesome-JSON-Viewer
Author rbrahul
Jsonhero
jsonhero.io
JSON Hero - a beautiful JSON viewer for the web
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
GitHub
github.com › burningtree › awesome-json
GitHub - burningtree/awesome-json: A curated list of awesome JSON libraries and resources. · GitHub
JSON Viewer Pro (github - An open source Chrome extension for browsing JSON with syntax highlighting and folding, or as a visual graph. Discoverable JSON (github) - Gron inspired Extension. Convert a JSON document into javascript expressions.
Author burningtree
GitHub
github.com › abodelot › jquery.json-viewer
GitHub - abodelot/jquery.json-viewer: jQuery plugin for displaying JSON data
Starred by 440 users
Forked by 169 users
Languages JavaScript 70.9% | HTML 21.0% | CSS 8.1%
npm
npmjs.com › package › @andypf › json-viewer
@andypf/json-viewer - npm
A javascript library to visualize json nicely. Latest version: 2.2.0, last published: 8 months ago. Start using @andypf/json-viewer in your project by running `npm i @andypf/json-viewer`. There are 2 other projects in the npm registry using ...
» npm install @andypf/json-viewer
Published Jul 10, 2025
Version 2.2.0
Author Andreas Pfau
Repository https://github.com/andypf/json-viewer
Jsonview
jsonview.com
JSONView - View JSON in Firefox and Chrome | BenHollis.net
A Firefox and Chrome extension that pretty-prints JSON data.
npm
npmjs.com › package › react-json-view
react-json-view - npm
Interactive react component for displaying javascript arrays and JSON objects.. Latest version: 1.21.3, last published: 5 years ago. Start using react-json-view in your project by running `npm i react-json-view`. There are 902 other projects ...
» npm install react-json-view
Published Mar 09, 2021
Version 1.21.3
Author Mac Gainor
Repository https://github.com/mac-s-g/react-json-view
GitHub
github.com › alenaksu › json-viewer
GitHub - alenaksu/json-viewer: Web Component to visualize JSON data in a tree view
const viewer = document.querySelector('#json'); // Expand/collapse/filter viewer.expand('**.name'); viewer.collapse(/name/); viewer.filter('test.*.name'); // Search const searchIterator = viewer.search('value'); // Scrolls to the node and highlight the value searchIterator.next();
Starred by 233 users
Forked by 37 users
Languages TypeScript 53.2% | JavaScript 19.6% | CSS 18.7% | HTML 8.5%
Reddit
reddit.com › r/javascript › json studio | a minimalist json viewer & editor
r/javascript on Reddit: JSON Studio | A minimalist JSON Viewer & Editor
June 13, 2018 - It helps developers to format or prettify JSON and traverse to the properties in the graphical view. ... JSON Viewer-for-Chrome is basically a Chrome extension for printing JSON effectively when you visit it ‘directly’ in a browser tab.
GitHub
github.com › pgrabovets › json-view
GitHub - pgrabovets/json-view: This is a javascript library for displaying json data into a DOM.
import "@pgrabovets/json-view/style.css"; import jsonview from "@pgrabovets/json-view"; fetch("example2.json") .then((res) => { return res.text(); }) .then((data) => { const tree = jsonview.create(data); jsonview.render(tree, document.querySelector(".root")); jsonview.expand(tree); }) .catch((err) => { console.log(err); });
Starred by 226 users
Forked by 55 users
Languages JavaScript 84.7% | CSS 11.9% | HTML 3.4%
Reddit
reddit.com › r/reactjs › which json viewer component do you recommend since react-json-view no one maintains it anymore.
r/reactjs on Reddit: Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.
October 16, 2023 -
https://www.npmjs.com/package/react-json-view?activeTab=versions
It was last updated 3 years ago.
I am looking for a popular alternative to that.
Thanks.
JSON Formatter
jsonformatter.org › 1fa9f4
awesome
It also provides a tree view that helps to navigate your formatted JSON data.
JSON Formatter
jsonformatter.org
Best JSON Formatter and JSON Validator: Online JSON Formatter
Online JSON Formatter / Beautifier and JSON Validator will format JSON data, and helps to validate, convert JSON to XML, JSON to CSV. Save and Share JSON