JSON Formatter CRX
Version 2.1.8 Beta
json-formatter.js.org

Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.

Latest Version

Version
Version 2.1.8 Beta
Update
December 8, 2024
Size
102KiB
Developer
json-formatter.js.org
Category
Users
40,000+
Rating
4.48485 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
UnlimitedStorage
See more

JSON Formatter Extension

JSON Formatter automatically formats and prettifies JSON in Chrome. It comes with support for syntax highlighting and over 60 themes. It also makes links clickable automatically and has multiple modes to view JSON, including Parsed Mode, Formatted Raw Mode, and Raw Mode.

You can toggle between modes using shortcut keys:

Parsed Mode: P key
Formatted Raw Mode: Shift + R key
Raw Mode: R key
Collapse All: [ Key
Expand All: ] Key
Toggle Dark Mode: D key
Toggle Toolbar: T key

Features:
● Over 60 themes for both light and dark mode
● Syntax highlighting
● Works offline
● No tracking or analytics
● Word wrapping and sorting order to stay organized
● Works with any JSON webpage
● Makes links clickable
● Formats JSON automatically
● Raw, Formatted Raw, and Parsed Mode
● Remembers theme preferences
● Shortcut keys for ease of use
● Collapsible toolbar

Note: By default, the extension theme is \"System Default.\" It will change according to your browser's theme. If you want it to be the theme of your choice, you have to set it from the \"Extension Settings\" or \"Extension Options.\"

To change the default formatting option and other settings, set your desired option in the extension settings.

To make JSON Formatter work properly on all kinds of sites, in the extension permissions, change \"Allow this extension to read and change all your data on websites you visit\" from \"On Click\" to \"On all sites,\" if not already set.

To use JSON Formatter in local files, enable \"Allow access to file URLs\" in the extension settings.

To use JSON Formatter in Incognito mode, enable \"Allow in Incognito\" in the extension settings.

Some URLs to test on:
https://type.fit/api/quotes
https://api.github.com/users
https://api.github.com/users/arnav-kr
https://api.github.com/repos/arnav-kr/arnav-kr/readme
https://api.npms.io/v2/search?q=soloalert
https://anapioficeandfire.com/api/houses/1

Created By:
Arnav Kumar,
GitHub: https://github.com/arnav-kr
Twitter: https://twitter.com/arnavkr_

Sponsor me:
https://github.com/sponsors/arnav-kr

Source code:
https://github.com/arnav-kr/json-formatter/

Bug reports and suggestions:
https://github.com/arnav-kr/json-formatter/issues/

Changelog:
https://github.com/arnav-kr/json-formatter/blob/main/CHANGELOG.md
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "JSON Formatter", "short_name": "JSON Formatter", "version": "2.1.8", "version_name": "Version 2.1.8 Beta", "manifest_version": 3, "description": "Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.", "author": "Arnav", "homepage_url": "https://github.com/arnav-kr/json-formatter", "minimum_chrome_version": "88", "offline_enabled": true, "options_ui": { "page": "options.html", "open_in_tab": false }, "action": { "default_icon": { "16": "images/icons/icon_round_16.png", "32": "images/icons/icon_round_32.png", "48": "images/icons/icon_round_48.png", "64": "images/icons/icon_round_64.png", "72": "images/icons/icon_round_72.png", "128": "images/icons/icon_round_128.png", "256": "images/icons/icon_round_256.png", "384": "images/icons/icon_round_384.png", "512": "images/icons/icon_round_512.png", "1024": "images/icons/icon_round_1024.png" }, "default_title": "JSON Formatter - Edit Preferences", "default_popup": "options.html" }, "icons": { "16": "images/icons/icon_round_16.png", "32": "images/icons/icon_round_32.png", "48": "images/icons/icon_round_48.png", "64": "images/icons/icon_round_64.png", "72": "images/icons/icon_round_72.png", "128": "images/icons/icon_round_128.png", "256": "images/icons/icon_round_256.png", "384": "images/icons/icon_round_384.png", "512": "images/icons/icon_round_512.png", "1024": "images/icons/icon_round_1024.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "js/globals.js", "js/utils.js", "js/content.js" ], "css": [ "css/content.css" ], "run_at": "document_start", "all_frames": true, "match_origin_as_fallback": true } ], "host_permissions": [ "*://*/*", "" ], "permissions": [ "storage", "unlimitedStorage" ], "web_accessible_resources": [ { "resources": [ "images/*", "js/*", "css/*", "*.html" ], "matches": [ "" ] } ]}
Read more

Similar Extensions

icon

Rainbow JSON Formatter Extension · Developer Tools 40,000+ 7 ★ 52.65KiB

icon

JSON Viewer Extension · Developer Tools 40,000+ 1082 ★ 310KiB

icon

JSON Beautifier and Editor Extension · Productivity 40,000+ 36 ★ 450KiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 1859 ★ 19.86KiB

icon

JSON Viewer Pro Extension · Developer Tools 40,000+ 137 ★ 349KiB

icon

JSON Hero Extension · Developer Tools 40,000+ 7 ★ 868KiB

icon

JSONView Extension · Developer Tools 40,000+ 37 ★ 82.85KiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 65 ★ 40.9KiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 1 ★ 3.22MiB

icon

Seven JSON Viewer Extension · Developer Tools 40,000+ 8 ★ 228KiB

icon

Code Formatter - JSON, CSS & JavaScript Extension · Developer Tools 40,000+ 15 ★ 1.38MiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 4 ★ 194KiB

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 40,000+ 2460 ★ 2.28MiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 8 ★ 268KiB

icon

DJSON. JSON Viewer & Formatter Extension · Developer Tools 40,000+ 68 ★ 126KiB

icon

JSON Formatter Extension · Productivity 40,000+ 2 ★ 1.54MiB

icon

JSON Viewer Extension · Developer Tools 40,000+ 1 ★ 59.51KiB

icon

JSON-handle Extension · Developer Tools 40,000+ 450 ★ 193KiB

icon

JSON Viewer Extension · Developer Tools 40,000+ 45 ★ 140KiB

icon

JSON Formatter Extension · Developer Tools 40,000+ 22 ★ 30.93KiB

icon

JSON Viewer Extension · Developer Tools 40,000+ 157 ★ 104KiB

icon

JSON Lite Extension · Developer Tools 40,000+ 56 ★ 23.65KiB

icon

Material Icons for GitHub Extension · Developer Tools 40,000+ 77 ★ 1.05MiB

icon

Pretty Js Extension · Developer Tools 40,000+ 8 ★ 1.75MiB

User reviews

icon

灰原小哀 (ID: 000000457c917229) Voted 5 ★ - Updated 10/19/2023 How can I save the config forever ? such as theme...

icon

Taha Khan (ID: 00000065e88f213a) Voted 2 ★ - Updated 09/05/2023 Does not work on local json files directly. windows11/chrome Version 116.0.5845.141

icon

Micah Lindley (ID: 000000a10e5f6618) Voted 5 ★ - Updated 07/17/2023 This is an excellent and performant extension! Definitely the best JSON formatter extension I've found!

icon

Jeremiah Ihab Samuel (ID: 00000090d7944527) Voted 5 ★ - Updated 05/12/2023 I highly recommend the JSON formatter tool. In my experience, it is the best one I have ever used. It has become an essential tool in my API work, and I feel like something is missing when it's not installed. Thank you so much!

icon

Max Shapira (ID: 000000b507cb7c91) Voted 5 ★ - Updated 03/18/2023 Thank you for this awesome extension! Great job. But one thing that is quite annoying and distracting is seeing the toolbar every time you load the page. The toolbar should be hidden when the page loads and only display if the user chooses to toggle it on.