JSON Formatter
Extension Actions
- Extension status: Featured
Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.
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
Latest reviews
- 김시연
- Hello, I think some of the Json formats were misinterpreted when using 'Parsed'. What are you doing using the keyword 'tsource' or 'Domain' format? For example, "https://www.example.com?tag=bbb&tsource=www.aaa.com&token=aaa" It needs to be parsed like this "www.aaa.com&token=aaa" target="_blank">https://www.example.com?tag=bbb&tsource=www.aaa.com&token=aaa" It's parsed like this. In 'Formatted Raw' or 'Raw', it is displayed normally.
- Jonathan Cross
- It formats JSON nicely; however, it takes over the right-click menu. It also cannot handle JSON values that are URLs in the "Parsed" view. For example, the value "https://www.example.com/" becomes "www.example.com" target="_blank">https://www.example.com/"
- Dogukan Ozen
- this is the best.
- Philip Vo
- a million thumbs up
- Ankush Bhagat
- This extension has great features and very easy to switch json format types.
- Sergei Groshev
- Covers half of screen with non-closeable banner "Your JSON formatter got updated"
- Cake W
- This one has sorting option, up up.
- A
- Takes my CPU usage to 100% somehow, on brave, latest version
- Adrian Czekaj
- It looks very nice :+1 One thing to improve for me :) When I select 'Formatted Raw' and refresh the page then 'Parsed' option returns back as default option. I would like to either have possibility to change default option or remember last selected option.
- 灰原小哀
- How can I save the config forever ? such as theme...
- 灰原小哀
- How can I save the config forever ? such as theme...
- Taha Khan
- Does not work on local json files directly. windows11/chrome Version 116.0.5845.141
- Taha Khan
- Does not work on local json files directly. windows11/chrome Version 116.0.5845.141
- Micah Lindley
- This is an excellent and performant extension! Definitely the best JSON formatter extension I've found!
- Micah Lindley
- This is an excellent and performant extension! Definitely the best JSON formatter extension I've found!
- Jeremiah Ihab Samuel
- 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!
- Jeremiah Ihab Samuel
- 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!
- Max Shapira
- 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.
- twent
- Awesome 👍
- twent
- Awesome 👍
- Paul Johnson #Nakba
- I would use it over Seven JSON Viewer, but it is currently broken (I am using Brave on Linux) Quick fix for me was to add `.line { line-height: 18px; }`. And font-family should be customizable (text input), so I can see my custom local font instead of the generic one. These 2 changes would make it 5/5 for me.
- Paul Johnson #Nakba
- I would use it over Seven JSON Viewer, but it is currently broken (I am using Brave on Linux) Quick fix for me was to add `.line { line-height: 18px; }`. And font-family should be customizable (text input), so I can see my custom local font instead of the generic one. These 2 changes would make it 5/5 for me.
- Albert
- Almost perfect. I am using chrome for ubuntu and have some troubles with dark / light mode. Sometimes when I refresh page then mode is switching from dark to light. Could you deploy some version of this extension without light theme?
- Albert
- Almost perfect. I am using chrome for ubuntu and have some troubles with dark / light mode. Sometimes when I refresh page then mode is switching from dark to light. Could you deploy some version of this extension without light theme?
- Work Dev
- Almost perfect but... - No leading lines - Empty objects {} shown as [object Object]
- Work Dev
- Almost perfect but... - No leading lines - Empty objects {} shown as [object Object]
- Robert Mylne
- Missing some essential features such as having alphabetical ordering for easily finding items in large objects. I will revisit this review after a while.
- Robert Mylne
- Missing some essential features such as having alphabetical ordering for easily finding items in large objects. I will revisit this review after a while.
- Andy Liu
- Pretty good.
- Andy Liu
- Pretty good.
- Rajnish Anand
- Pretty neat. 👌
- Rajnish Anand
- Pretty neat. 👌
- Chax208
- Great 5th star when the keys are in quotation marks
- Chax208
- Great 5th star when the keys are in quotation marks
- Paul Nichols
- Dark mode needs some work.
- Paul Nichols
- Dark mode needs some work.
- Tecscimat
- Its Just Awesome! 🤩
- Tecscimat
- Its Just Awesome! 🤩
- Potter Prasant
- Just Amazing ! Very clear to read JSON in web page. It parses the JSON and feels like I am opening a code editor lol. No eye pain, bcz it's present both in light and dark mode. I think it's better than a lot of popular JSON formatter extensions. I recommend to give it a try. It would be amazing if there will be an separate option to view raw and formatted raw JSON.
- Potter Prasant
- Just Amazing ! Very clear to read JSON in web page. It parses the JSON and feels like I am opening a code editor lol. No eye pain, bcz it's present both in light and dark mode. I think it's better than a lot of popular JSON formatter extensions. I recommend to give it a try. It would be amazing if there will be an separate option to view raw and formatted raw JSON.