02PROJECT

JSON Editor

Interactive JSON viewer/editor with tree mode and formatting tools.

RoleSolo — design & development
StackReact, TypeScript, Vite, Tailwind CSS, Monaco Editor
JSON Editor hero screenshot

About the project

JSON Editor combines text-editor workflows with structured tree exploration, making large JSON payloads easier to read, edit, and debug.

It supports JSON validation, format/minify actions, clipboard flows, search, and light/dark themes, with Monaco-powered editing for a familiar developer experience.

Key Highlights

  • Tree view + text editor workflow
  • Format/minify with validation feedback
  • Search and clipboard support
  • Monaco-powered editing experience
  • Light and dark theme toggle

Tech stack

ReactTypeScriptViteTailwind CSSMonaco Editor
© charlz · 2026