Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of JSON Formatter

JSON Formatter by Arnav Kumar

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

5 (4 reviews)5 (4 reviews)
3,320 Users3,320 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
Selecting ThemesThemes PreviewClickable LinksDifferent Formatting ModesLight Mode
About this extension
JSON Formatter automatically formats and prettifies JSON in Firefox. 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.

Note: This extension requires additional configuration to work.
As Firefox already has an inbuilt JSON Formatter, you need to disable it for this extension to work.
to do so, go open "about:config", search "devtools.jsonview.enabled", make it "false" to disable the default JSON Formatter and you are ready to go. For more info Check out Disabling JSON Viewer in Firefox


You can toggle between modes using shortcut keys:

Parsed Mode: P key
Formatted Raw Mode: Shift + R key
Raw Mode: R 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=dc-tokens
https://anapioficeandfire.com/api/houses/1

Created By:
Arnav Kumar,
GitHub: @arnav-kr
Twitter: @arnavkr_

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

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

Changelog:
github.com/arnav-kr/json-formatter/blob/main/CHANGELOG.md
Rated 5 by 4 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
4
4
0
3
0
2
0
1
0
Read all 4 reviews
Permissions and dataLearn more

Required permissions:

  • Access your data for all websites
More information
Add-on Links
  • Homepage
  • Support site
  • Support Email
Version
2.0.3.0
Size
166.15 KB
Last updated
2 years ago (Mar 27, 2023)
Related Categories
  • Web Development
License
MIT License
Version History
  • See all versions
Tags
  • user scripts
Add to collection
Report this add-on
Support this developer

The developer of this extension asks that you help support its continued development by making a small contribution.

Contribute now

More extensions by Arnav Kumar
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.