JSON Formatter - Your Lifesaver
Tags: extensions, addons, opensource, json
Published: 2021-12-06 17:15:48

## Welcome Devs!

As of now you already have seen that in our day to day work we come up with many types of URLs and files specifically `JSON` files they are almost everywhere. For files its clear. You use a text editor with a beautiful syntax highlighting and with your desired settings. But what about when you view them in browser? In your development career you may already heard of `json formatter` browser extensions. They format and syntax highlight the json codes from most of the json responses. But most don't give satisfactory results.
### Some of the points that i noted while i was in search of the perfect Json Formatter Extension

* Some of them don't work on JSON response returned with a non json `Content-Type` header
* Some of them Don't Have Dark Mode (And we are Dark Lovers)
* Some only let us see the json tree but not the raw data
* Some are just data stealers
* Some Just don't remember your preferences on specific sites
* Some of them aren't regularly maintained
And so on...

## Here comes my JSON Formatter 🥳

So after seeing all these things i decided to create my own `Extension` that would solve all those problems and be the devs' best friend. Its New So its Obvious that its underated now, your support would be appreciatable! 😃

Its Available on [Chrome Web Store](https://chrome.google.com/webstore/detail/json-formatter/gpmodmeblccallcadopbcoeoejepgpnb) for `Chrome` but you can also use the extension on all other `chromium` based browsers i.e. `edge`, `firefox`, `opera`, `brave` etc.

[![Download From Chrome Web Store](https://storage.googleapis.com/chrome-gcs-uploader.appspot.com/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/HRs9MPufa1J1h5glNhut.png)](https://chrome.google.com/webstore/detail/json-formatter/gpmodmeblccallcadopbcoeoejepgpnb)



#### Short Link: [bit.ly/json_formatter](https://bit.ly/json_formatter)

#### Website: [json-formatter.js.org](https://json-formatter.js.org)

### Features of my JSON Formatter Extension
* Dark Mode (Automated + Manual)
* Syntax Highlighting (VS Code Styled)
* Works Offline 📴
* Works with any JSON Webpage (webpage should just contain valid json code)
* Automatically Linkify Links (just click on links in strings to open them)
* Formats JSON automatically (No Setup Needed
* Raw and Parsed Mode (Parsed for ease of your eye and raw for ease of your hands)
* Remembers Theme Preferences ( knows which mode you prefer on which sites)
* Shortcut Keys (1 tap controls, easy navigation)
* Collapsible Toolbar (Easily Collapse the Toolbar)

I am looking for Suggestions and Feedbacks from you
If you have any issues related the extension you can open an [issue](https://github.com/arnav-kr/json-formatter/issues) at the [Github Repo](https://github.com/arnav-kr/json-formatter/) i will try to fix it asap!

Leave a [Star⭐](https://github.com/arnav-kr/json-formatter/) on the repo and don't forget to rate the [extension](https://chrome.google.com/webstore/detail/json-formatter/gpmodmeblccallcadopbcoeoejepgpnb)


[Github Repo](https://github.com/arnav-kr/json-formatter/) | [issues](https://github.com/arnav-kr/json-formatter/issues) | [Fork JSON Formatter](https://github.com/arnav-kr/json-formatter/fork) | [My GitHub Profile](https://github.com/arnav-kr/)



## Screenshots:

![Automatic Linkified](https://github.com/arnav-kr/json-formatter/blob/main/images/screenshots/linkified-dark.png?raw=true)

![Parsed Mode Dark](https://github.com/arnav-kr/json-formatter/blob/main/images/screenshots/parsed-dark.png?raw=true)

![Raw Mode Dark](https://github.com/arnav-kr/json-formatter/blob/main/images/screenshots/raw-dark.png?raw=true)

![Parsed Mode Light](https://github.com/arnav-kr/json-formatter/blob/main/images/screenshots/parsed-light.png?raw=true)

![Raw Mode Light](https://github.com/arnav-kr/json-formatter/blob/main/images/screenshots/raw-light.png?raw=true)