Visual JSON Editor

 
TypeScript
VS Code
Web
 2024-12-13

[visitor@portfolio jsonedit]$ cat jsonedit.md

cat: warning: this is a placeholder. continue anyway? y

Open JSON files in a GUI that looks (kind of) like the VS Code settings page! Includes type changing, item rearrangement, undo/redo, and assistance with colors, dates, and times.

Features

Edit Names & Values

Names are validated:

Strings have multi-line support:

Numbers are validated and aren’t constrained by JS limits:

Booleans become checkboxes:

Full support for object and array nesting:

6-digit hex codes give you the Chromium color picker:

Finally, ISO 8601 zoneless date-time strings give you the Chromium datetime-local picker:

Type Conversion

Convert certain types of item to other types using the dropdown box.

If something’s “stuck” as a certain type, use the clear button to nullify it and try again.

Rearrange Items

Use the up and down arrows to move an item around the “layer” it’s in.

Theme Compatible

All colors are pulled from your current color theme.

[visitor@portfolio jsonedit]$ █