json-schema-editor react

A react module for maintaining json schema. Built with Chakra-UI - Optum/jsonschema-editor-react

Starred by 66 users

Forked by 35 users

Languages TypeScript 99.7% | TypeScript 99.7%

Rjsf-team

rjsf-team.github.io › react-jsonschema-form

react-jsonschema-form playground

We cannot provide a description for this page right now

Ismaelga

ismaelga.github.io › react-json-editor

react-json-editor - A React dynamic form component for react using JSON-Schema.

We cannot provide a description for this page right now

GitHub

github.com › thomas4019 › json-schema-editor

GitHub - thomas4019/json-schema-editor: React based editor for JSON Schemas

Read more at facebook/react. ... var element = document.getElementById('container'); var editor = new JSONSchemaEditor(element, {}); editor.setValue(product); Get the value (generally after the user presses a button e.g. save) ... Here is what the product schema example looks like rendered.

Starred by 32 users

Forked by 3 users

Languages JavaScript 100.0% | JavaScript 100.0%

npm

npmjs.com › package › react-schema-based-json-editor

react-schema-based-json-editor - npm

A reactjs component of schema based json editor.. Latest version: 8.3.0, last published: 4 years ago. Start using react-schema-based-json-editor in your project by running `npm i react-schema-based-json-editor`. There are 2 other projects in the npm registry using react-schema-based-json-editor.

      » npm install react-schema-based-json-editor

Published Jul 10, 2021

Version 8.3.0

Author York Yao

Repository https://github.com/plantain-00/schema-based-json-editor

Homepage https://github.com/plantain-00/schema-based-json-editor#readme

CodeSandbox

codesandbox.io › s › json-schema-editor-s8yvx

json-schema-editor - CodeSandbox

September 11, 2019 - json-schema-editor by malcolm-kee using json-schema-editor-visual, react, react-dom, react-scripts

Published Sep 11, 2019

Author malcolm-kee

Repository https://codesandbox.io/s/s8yvx

GitHub

github.com › plantain-00 › schema-based-json-editor

GitHub - plantain-00/schema-based-json-editor: A reactjs and vuejs component of schema based json editor.

A reactjs and vuejs component of schema based json editor. - plantain-00/schema-based-json-editor

Starred by 177 users

Forked by 39 users

Marmelab

marmelab.com › react-admin › JsonSchemaForm.html

React-admin - JsonSchemaForm

This Enterprise Edition component allows to render a form from a JSON Schema description based on react-jsonschema-form.

Readthedocs

react-json-schema-form-builder.readthedocs.io › en › v1.0.6 › Home

Home - react-json-schema-form-builder documentation

The React JSON Schema Form Builder is a ReactJS Component Library that allows the user to visually drag, drop, and edit card elements corresponding to a JSON schema encoded form. This FormBuilder component is wrapped around a demo app that demonstrates how the tool can be used in conjunction ...

npm

npmjs.com › package › @leslieliu › react-jsonschema-editor

@leslieliu/react-jsonschema-editor - npm

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

      » npm install @leslieliu/react-jsonschema-editor

Published Dec 30, 2021

Version 3.1.3

Repository https://github.com/liuwei0514/react-jsonschema-editor

Homepage https://github.com/liuwei0514/react-jsonschema-editor#readme

Find elsewhere

Google Bing Mojeek

GitHub

github.com › ginkgobioworks › react-json-schema-form-builder

GitHub - ginkgobioworks/react-json-schema-form-builder: Visual editor for forms based on json schema, built in React JS · GitHub

Visual editor for forms based on json schema, built in React JS - ginkgobioworks/react-json-schema-form-builder

Starred by 372 users

Forked by 96 users

Languages TypeScript

npm

npmjs.com › package › json-edit-react

json-edit-react - npm

React component for editing or viewing JSON/object data. Latest version: 1.29.0, last published: 4 months ago. Start using json-edit-react in your project by running `npm i json-edit-react`. There are 29 other projects in the npm registry using ...

      » npm install json-edit-react

Published Oct 01, 2025

Version 1.29.0

Author Carl Smith

Repository https://github.com/CarlosNZ/json-edit-react

Homepage https://carlosnz.github.io/json-edit-react

Socket

socket.dev › npm › package › react-json-schema-ui-editor

react-json-schema-ui-editor - npm Package Security Analysis ...

A configurable React component to display and edit a JSON Schema.

GitHub

github.com › rjsf-team › react-jsonschema-form

GitHub - rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema. · GitHub

A simple React component capable of using JSON Schema to declaratively build and customize web forms. Explore the docs » View Playground · Report Bug ·

Starred by 15.7K users

Forked by 2.3K users

Languages TypeScript 97.4% | CSS 2.0%

npm

npmjs.com › package › @ht-rnd › json-schema-editor

@ht-rnd/json-schema-editor - npm

This component provides a clean, intuitive interface for visually building and editing JSON Schemas. It features real-time JSON output and live validation against the official JSON Schema specification, powered by AJV.

      » npm install @ht-rnd/json-schema-editor

Published Jan 12, 2026

Version 1.0.8

Repository https://github.com/ht-rnd/json-schema-editor

Homepage https://github.com/ht-rnd/json-schema-editor#readme

GitHub

github.com › sagold › json-editor

GitHub - sagold/json-editor: headless json-editor and react implementation rendering a user form based on a JSON Schema

The result can be easily walked through for rendering or further processing. ... Simple and extensible react component capable of using json-schema to declaratively build and customize user forms.

Starred by 11 users

Forked by 2 users

Squidex Support

support.squidex.io › feature requests › implemented features

[IMPLEMENTED] React-jsonschema-form as a custom editor - Implemented Features - Squidex Support

February 12, 2020 - We can currently create a JSON field type and we can create a custom editor to go along with it. What I’d like to discuss is opening up the doors to support a field type that can be defined by json schema and use react-jsonschema-form as a custom editor. Disclaimer: I’ve previously built ...

npm

npmjs.com › package › @sagold › react-json-editor

@sagold/react-json-editor - npm

Only required property is a valid json-schema passed to schema. ... A user form built with json-editor solely consists of a tree of widgets.

      » npm install @sagold/react-json-editor

Published Feb 10, 2025

Version 0.36.0

GitHub

github.com › yunkeCN › json-schema-editor-visual

GitHub - yunkeCN/json-schema-editor-visual: A json-schema editor of high efficient and easy-to-use, base on React.

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

Author yunkeCN

npm

npmjs.com › package › @ginkgo-bioworks › react-json-schema-form-builder

@ginkgo-bioworks/react-json-schema-form-builder - npm

The React JSON Schema Form Builder provides components to allow users to dynamically build such survey forms. The Form Builder is also customizable, and can incorporate novel form elements (like a special email address or file upload input), ...

      » npm install @ginkgo-bioworks/react-json-schema-form-builder

Published Jan 03, 2026

Version 4.1.0

Author Nathan Alam

Repository https://github.com/ginkgobioworks/react-json-schema-form-builder

Homepage https://github.com/ginkgobioworks/react-json-schema-form-builder#readme