HeyTai
Personal Projects

Online JSON Editor

A JSON editor you can use the moment you open a tab — and your data never leaves the browser.

01

Overview

A JSON editor that runs entirely in the browser, with four modes — Tree, Table, Monaco and Diff — and export to JSON, plain text, a JS object or a PHP array. No sign-in, no uploads.

02

Why it was needed

I read and edit JSON every working day, but the online tools either demand a login or drown you in interface. I just wanted something that opens and works, without shipping my data to someone else's server.

03

My role

Idea, design, front-end implementation and deployment — all mine.

04

Implementation

All parsing and processing happens client-side with zero telemetry. Four view modes and several export formats cover the everyday ways you end up handling JSON.

05

Result

Live, and a tool I use every day myself.

Details

Four view modes

Tree View

Browse nested JSON as a visual tree, and click any value to edit it in place.

Table View

Arrays of objects expand into an editable, spreadsheet-like table — far more intuitive for bulk edits.

Monaco editor

Full syntax highlighting, live validation and formatting — the VS Code experience.

JSON Diff

Compare two JSON documents side by side, with every difference laid bare.