DEV Community

Cover image for JSON Formatter - Your Lifesaver
Arnav Kumar
Arnav Kumar

Posted on • Updated on

JSON Formatter - Your Lifesaver

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 for Chrome and also available on other webstores like edge and firefox

Add to Chrome

Add to Firefox

Add to Microsoft Edge

Short Link: bit.ly/json_formatter

Website: 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 at the Github Repo i will try to fix it asap!

Leave a Star⭐ on the repo and don't forget to rate the extension

Github Repo | issues | Fork JSON Formatter | My GitHub Profile

Screenshots:

Selecting Theme

Clickable Links

Themes Preview

Different Formatting Options

Light Theme

Top comments (3)

Collapse
 
anurag90tech profile image
Anurag Saikia

Wow awesome... Great work bro!!

Collapse
 
arnavkr profile image
Arnav Kumar

Thanks 😁

Collapse
 
devlist profile image
Devlist

Really recommend jsonhome.com, a helpful json online tools.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.