A modern browser extension to visualise, traverse and search JSON. Made with Svelte and bootstrap.
See all themes
| Name | Light | Dark |
|---|---|---|
| Visual Studio |
|
|
| Abyss | N/A |
|
| Cyberpunk | N/A |
|
| Dracula |
|
|
| GitHub |
|
|
| Material |
|
|
| Matrix | N/A |
|
| Monokai |
|
|
| Solarized |
|
|
- Yes/no prompt to load detected JSON on non-whitelisted domains
- Expand and collapse objects and arrays recursively
- Support for JSON5 syntax
- Copy formatted or minified JSON values
- Navigate to sibling or child properties using the arrow keys
- Creates hyperlinks for URL strings
- A path editor with auto-complete
- A breadcrumb trail to the current property
- Navigate to previously selected properties using your browser history
- Search for text in keys, values or both
- Evaluate JPath expressions
- Dark and light mode
- Multiple customisable colour schemes
The project is built using rollup. The following options can be passed into rollup to be used by the build script:
--browser <name>- Currently only supports "chrome" or "firefox". Defaults to "chrome" if not specified.--dist- If specified, will minify files and archive the output.
The build script uses the following files:
src/content/index.ts: The UI for the prompt that is shown on non-whitelisted pages.src/content-script/content-script.js: The content script of the extension.src/extension/index.ts: The background script.src/options/index.ts: The UI for the options page.src/viewer/index.ts: The UI for the main viewer component.custom-manifest.json: Used to generate a browser-specific manifest.json file.res: The contents of this folder are copied to the output directory.
The build will output the extension to ./out/<browser>.
- Undo / redo edits
- Allow multiple properties to be selected
- Show HTTP headers
- Allow modified JSON to be used in POST/PUT requests
- Inline value editing
- Improve object/array manipulation