https://github.com/lukestorry/nested-json-editor

A visual editor for nested json objects, written in vue.js
https://github.com/lukestorry/nested-json-editor

Last synced: 8 months ago
JSON representation

A visual editor for nested json objects, written in vue.js

• Host: GitHub
• URL: https://github.com/lukestorry/nested-json-editor
• Owner: LukeStorry
• License: mit
• Created: 2020-01-12T13:15:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-07-18T20:34:44.000Z (almost 3 years ago)
• Last Synced: 2025-06-11T14:59:58.033Z (12 months ago)
• Language: TypeScript
• Homepage: https://nested-json-editor.netlify.com/
• Size: 1.54 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# nested-json-editor

[![Netlify Status](https://api.netlify.com/api/v1/badges/2a0ddb16-6e6d-4dd8-b16e-9a98c2d3693b/deploy-status)](https://app.netlify.com/sites/nested-json-editor/deploys)

Visual editor for nested json files, in Vue.

---

### [View live site](https://nested-json-editor.netlify.com/)

---

## Usage

Two-way live updating between the Section boxes and the JSON text output.

Copy-paste some JSON into the bottom text-input, or just update the default "grandparent" structure.

Edit section titles and text, add or remove with buttons, and drag/drop sections to set the heirarchy.