react-json-editor - Brave Search

github.com › CarlosNZ › json-edit-react

GitHub - CarlosNZ/json-edit-react: React component for editing/viewing JSON/object data · GitHub

Pass a component to offer a custom text/code editor when editing full JSON object as text.

Author CarlosNZ

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

Videos

Build a Next.js JSON Editor Offline Web App to Format ...

December 10, 2025

Build a React.js JSON Editor Web App in Browser to Format,Validate ...

December 10, 2025

Build a React.js JSON Viewer & Editor App to Render JSON ...

November 18, 2024

Build a JSON Editor to Format, Validate & Minify JSON in ...

JSON Viewer App | React JS - YouTube

November 16, 2022

carlosnz.github.io › json-edit-react

JSON•Edit•React

A highly-configurable React component for editing or viewing JSON/object data

npmjs.com › package › react-json-editor

react-json-editor - npm

A React dynamic form component for react using JSON-Schema.. Latest version: 0.3.0, last published: 9 years ago. Start using react-json-editor in your project by running `npm i react-json-editor`. There are 3 other projects in the npm registry ...

      » npm install react-json-editor

Published May 19, 2017

Version 0.3.0

Author Ismael Abreu

Repository https://github.com/ismaelga/react-json-editor

Homepage https://github.com/ismaelga/react-json-editor

npmjs.com › package › jsoneditor-react

jsoneditor-react - npm

React implementation of https://github.com/josdejong/jsoneditor. Latest version: 3.1.2, last published: 4 years ago. Start using jsoneditor-react in your project by running `npm i jsoneditor-react`. There are 72 other projects in the npm registry using jsoneditor-react.

      » npm install jsoneditor-react

Published Dec 17, 2021

Version 3.1.2

Author Ivan Kopeykin

Repository https://github.com/vankop/jsoneditor-react

Homepage https://github.com/vankop/jsoneditor-react#readme

npmjs.com › package › react-json-editor-ajrm

react-json-editor-ajrm - npm

A stylish, editor-like, modular, react component for viewing, editing, and debugging javascript object syntax!. Latest version: 2.5.14, last published: 3 years ago. Start using react-json-editor-ajrm in your project by running `npm i ...

      » npm install react-json-editor-ajrm

Published Jan 29, 2023

Version 2.5.14

Author andrew.redican.mejia@gmail.com

Repository https://github.com/AndrewRedican/react-json-editor-ajrm

Homepage https://github.com/AndrewRedican/react-json-editor-ajrm#readme

github.com › vankop › jsoneditor-react

GitHub - vankop/jsoneditor-react: react wrapper implementation for https://github.com/josdejong/jsoneditor

react wrapper implementation for josdejong/jsoneditor

Starred by 277 users

Forked by 107 users

Languages JavaScript 99.8% | CSS 0.2%

codesandbox.io › examples › package › jsoneditor-react

jsoneditor-react examples - CodeSandbox

Use this online jsoneditor-react playground to view and fork jsoneditor-react example apps and templates on CodeSandbox.

jsdelivr.com › package › npm › react-json-editor-alt

react-json-editor-alt CDN by jsDelivr - A CDN for npm and GitHub

October 13, 2024 - A free, fast, and reliable CDN for react-json-editor-alt. The React JSON Editor is a flexible and easy-to-use library for rendering and editing JavaScript objects or JSON data in React applications.

Published Oct 06, 2024

Repository https://github.com/himalaya0035/react-json-editor-alt

Find elsewhere

Google Bing Mojeek

codesandbox.io › s › react-json-editor-osveq

React JSON Editor - CodeSandbox

May 2, 2020 - React JSON Editor by rokki using @contentful/forma-36-react-components, @json-editor/json-editor, brace, jsoneditor, jsoneditor-react, react, react-dom, react-scripts

Published May 02, 2020

Author rokki

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

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.com › shridhar-tl › react-json-editor

GitHub - shridhar-tl/react-json-editor: Contains source code for the JSON Editor package available in NPM

This package contains a JSON Editor component which can be used to edit any JSON compatible JavaScript object from within the browser. Currently this implementation is available only for react projects.

Author shridhar-tl

github.com › sujinleeme › react-json-editor

sujinleeme/react-json-editor: 🖌 A simple JSON online editor

Visit to https://json-studio.vercel.app · Git clone this repo and run yarn && yarn start. As the initialization process is supposed to load some scripts from CDN, there is a problem with Jest (and other testing tools). It only shows "Loading..." and never gets the editor working in the test. See : suren-atoyan/monaco-react#88 ·

Starred by 151 users

Forked by 21 users

Languages TypeScript 55.2% | JavaScript 40.0% | HTML 3.1% | CSS 1.7%

reddit.com › r/reactjs › json viewer with editor

r/reactjs on Reddit: JSON Viewer with Editor

August 1, 2017 -

I'm looking for feedback on react-json-view

it's a production-ready component for displaying and interacting with JSON objects.

Here's the Component Demo

features include:

base-16 themes
add/edit/delete nodes
clipboard enabled
clickable collapse/expand

I see this component being useful for any technical docs that allude to JSON data structures.

what would you use it for?
what features would you like to see added?
is there any reason this wouldn't be your go-to JSON and array viewer?

thank you for feedback!

Very cool. I could see using this in my admin dashboard for live updating my JSON-based application configuration. One tiny visual gripe: The default height of the text-area is too tall for single line inputs. The text-area should be the same size as the input, and grow as needed. This would also eliminate any jank seen when toggling edit mode.

Looks great! Starred for future use

github.com › constantoduol › JSONEditor

GitHub - constantoduol/JSONEditor: A react visual json editor

A react visual json editor. Contribute to constantoduol/JSONEditor development by creating an account on GitHub.

Starred by 103 users

Forked by 18 users

Languages JavaScript 99.5% | HTML 0.5%

reddit.com › r/reactjs › which json viewer component do you recommend since react-json-view no one maintains it anymore.

r/reactjs on Reddit: Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.

October 16, 2023 -

https://www.npmjs.com/package/react-json-view?activeTab=versions
It was last updated 3 years ago.

I am looking for a popular alternative to that.

Thanks.

console.log(JSON.stringify(object, null, 2))

It looks like this a new iteration on a fork of this project: https://github.com/YYsuni/react18-json-view

github.com › sagold › json-editor

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

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

Starred by 11 users

Forked by 2 users

Languages TypeScript 92.0% | SCSS 3.3% | HTML 3.2% | JavaScript 1.1% | MDX 0.4%

timsanteford.com › posts › building-a-custom-json-editor-in-react-with-and-without-react-json-view

Building a Custom JSON Editor in React with and without react-json-view - Tim Santeford

First, let’s start by installing @microlink/react-json-view, a maintained and powerful library for editing JSON data in React. ... Next, we’ll create a JSON editor component using @microlink/react-json-view.

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

@sagold/react-json-editor - npm

Simple and extensible React component capable of using JSON Schema to declaratively build and customize user forms.

      » npm install @sagold/react-json-editor

Published Feb 10, 2025

Version 0.36.0

docs.replit.com › extensions › examples › json-editor

Create a JSON editor

In this tutorial, we will create a JSON editor Extension with React and the react-json-view package. Our application will display a JSON file’s content and allow users to edit, add or delete properties directly from the editor.