Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

sdabhi23/monaco-json-viewer

Open more actions menu

Repository files navigation

Monaco JSON Viewer

A minimalistic JSON viewer built using open-source components!

demo / preview

Installation instructions

Currently anyone can sideload this extension on Google Chrome or Microsoft Edge by downloading the zip file of the latest release

Google Chrome

Adapted from How to install Chrome extensions manually from GitHub | dev.to

  1. Download and unzip the zip file of the latest release

  2. Visit chrome://extensions and turn on "Developer mode"

    step 1

  3. Click "Load unpacked" button and navivigate to the folder you downloaded from GitHub

    step 2

Update the extension: Navigate to chrome://extensions, and then select Reload to update your extension.

Remove the extension from your browser: Navigate to chrome://extensions, and then select Remove on your extension.

That's it 🎉

Microsoft Edge

Adapted from Sideload an extension | Microsoft Edge documentation

  1. Download and unzip the zip file of the latest release

  2. Open the edge://extensions page by choosing the three dots at the top of your browser, and then selecting Extensions

    step 1

  3. On the extension management page at edge://extensions, turn on Developer mode using the toggle at the bottom left of the page.

    step 2

  4. When installing your extension for the first time, choose Load Unpacked. You'll be prompted for the directory with your extension source files. Your extension is installed in your browser, similar to extensions installed from the store.

    step 3

Update the extension: Navigate to edge://extensions, and then select Reload to update your extension.

Remove the extension from your browser: Navigate to edge://extensions, and then select Remove on your extension.

That's it 🎉

Components used

  • Monaco Editor: The code editor that powers VS Code
  • Keyboard CSS: A library of ready-to-use, cross-browser compatible keyboard like button UI

License

Monaco JSON Viewer is licensed under the MIT license

Morty Proxy This is a proxified and sanitized view of the page, visit original site.