It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, spectre, tailwind). Take a look at this example for a simple form submission case study. Check out an interactive demo: https://json-editor.github.io/json-editor/

Visual JSON Schema editor for creating and manipulating JSON Schema definitions. Open source at https://github.com/lovasoa/jsonjoy-builder

JSON Schema Based Editor. Contribute to jdorn/json-editor development by creating an account on GitHub.

A json-schema editor of high efficient and easy-to-use, base on React. - Open-Federation/json-schema-editor-visual

We cannot provide a description for this page right now

A simple GUI tool to enable designing and building JSON schemas.

Dashjoin JSON Schema editor - Graphical online JSON Schema editor for draft-06 (minus oneOf, anyOf, allOf, not).

React based editor for JSON Schemas. Contribute to thomas4019/json-schema-editor development by creating an account on GitHub.

You can also make changes to the JSON here and set the value in the editor by clicking "Update Form" Update Form · This will update whenever the form changes to show validation errors if there are any. ... You can change the schema and see how the generated form looks.

The new editor is not a one-to-one replacement, so there may be reasons to stick with jsoneditor. The main differences between the two are described here. JSONEditor has various modes, with the following features. Change, add, move, remove, and duplicate fields and values. Sort arrays and objects. Transform JSON using JMESPath queries. Colorized code. Color picker. Search & highlight text in the tree view. Undo and redo all actions. JSON schema validation (powered by ajv).

An intuitive editor for JSON schema which provides a tree view to present structure of schema and a property inspector to edit the properties of schema element. Develop with Vue.js 2 and Firebase.

Visual JSON Editor is a JSON schema draft v4 based file editor for Windows: When opening a JSON file, the application auto-generates an editor GUI based on the provided JSON schema.

Dynamically generated, form-based editor focussed on developing/editing JSON Schema documents based on the JSON Meta-Schema using the JSON-Editor [1] control.

JSON Schema Editor. Contribute to JingWangTW/json-schema-editor development by creating an account on GitHub.

JsonSchemaEditor is a React component library that allows the easy generation of valid Draft 07 JsonSchema from a UI, so that it can be easily persisted in a schema management system.

Web-based editor for JSON schemata. Contribute to eclipsesource/json-schema-editor development by creating an account on GitHub.

Visual Editor for JSON Schema and JSON Forms Ui Schema - eclipsesource/jsonforms-editor

Onde is a web front-end library for JSON document editor. Onde uses json-schema as the base data to build the form.

... import "jsonjoy-builder/st... App() { const [schema, setSchema] = useState<JSONSchema>({}); return ( <div> <h1>JSONJoy Builder</h1> <SchemaVisualEditor schema={schema} onChange={setSchema}/> </div> ); }...

JSON Schema Based Editor. Contribute to drthinh/json-editor2 development by creating an account on GitHub.