What is JSON Formatter?

JSON Formatter is a Chrome extension developed by https://callumlocke.com, and its main feature is "Makes JSON easy to read. Open source.".

Extension Screenshots

Download JSON Formatter Extension CRX File

Download JSON Formatter extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

The original JSON Formatter, now with optional dark mode 🌚

Auto-formats JSON when you load it in a browser tab.

FEATURES

- Fast, even on very long JSON pages
- Dark mode
- Syntax highlighting
- Collapsible trees, with indent guides
- Clickable URLs
- Negligible performance impact on non-JSON pages (less than 1 millisecond)
- Works on any valid JSON page – URL doesn't matter
- Buttons for toggling between raw and parsed JSON

Note: this extension might clash with other browser extensions that modify the DOM before it runs. If it doesn't seem to be working, try disabling other extensions. If it clashes with an extension you need, open an issue and I'll try to find a solution.

SOME EXAMPLE JSON PAGES to try it out on:
https://callumlocke.github.io/json-formatter/

PRO TIP
Hold down control (or cmd on Mac) while collapsing a tree - collapses all siblings too.

PRIVACY
No tracking, no advertising, and nothing else nefarious.

SOURCE CODE
github.com/callumlocke/json-formatter

ISSUES
github.com/callumlocke/json-formatter/issues

WHO MADE THIS
twitter.com/callumlocke

Extension Basic Information

Name	JSON Formatter
ID	bcjindcccaagfpapjjmafapmmgkkhgoa
Official URL	https://chromewebstore.google.com/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa
Description	Makes JSON easy to read. Open source.
File Size	20.7 KB
Installation Count	2,677,987
Current Version	0.7.1
Last Updated	2023-01-02
Publish Date	2020-04-20
Rating	4.58/5 Total 1820 Ratings
Developer	https://callumlocke.com
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/callumlocke/json-formatter
Help Page URL	https://github.com/callumlocke/json-formatter/issues
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "JSON Formatter", "version": "0.7.1", "manifest_version": 3, "description": "Makes JSON easy to read. Open source.", "homepage_url": "https:\/\/github.com\/callumlocke\/json-formatter", "minimum_chrome_version": "88", "icons": { "128": "icons\/128.png", "32": "icons\/32.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "run_at": "document_end" } ], "permissions": [ "storage" ], "host_permissions": [ ":\/\/\/*", "" ], "options_ui": { "page": "options\/options.html", "open_in_tab": false } }