react-json editor - Brave Search

npmjs.com › package › json-edit-react

json-edit-react - npm

October 1, 2025 - import { JsonEditor } from 'json-edit-react' // In your React component: return ( <JsonEditor data={ jsonData } setData={ setJsonData } // optional { ...otherProps } /> ); (for end user) It's pretty self explanatory (click the "edit" icon to edit, etc.), but there are a few not-so-obvious ways of interacting with the editor: Double-click a value (or a key) to edit it ·

      » 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

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.

Starred by 616 users

Forked by 37 users

Languages TypeScript 86.8% | CSS 5.5% | Python 4.1% | JavaScript 3.4% | HTML 0.2%

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

Discussions

Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.

console.log(JSON.stringify(object, null, 2)) More on reddit.com

r/reactjs

22

19

October 16, 2023

JSON Viewer with Editor

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. More on reddit.com

r/reactjs

9

26

August 1, 2017

Finding a JSON editor tool

Try react-jsonschema-form More on reddit.com

r/reactjs

5

3

July 6, 2022

Firebase-like JSON editor GUIs?

A community for discussing anything related to the React UI framework and its ecosystem. Join the Reactiflux Discord (reactiflux.com) for additional React discussion and help. ... That title doesn't make much sense but I'm looking for a package that lets you create/edit JSON through a GUI. More on reddit.com

r/reactjs

2

2

October 24, 2020

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

May 19, 2017 - 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

nx.dev › docs › getting-started › intro

What is Nx? | Nx

Plugins Find plugins for React, Angular, Node, Gradle, Maven, .NET, and more.

froala.com › home

WYSIWYG HTML Editor | Rich Text Editor Online

June 17, 2024 - The Froala Editor is a solid ...Read more solution for the final user and developer friendly, it just works, but what I like the most was the integration with our React-based development, this was the main concern and initially planned to build it from scratch, I can say waved a lot of time.

It's super easy to get started with Lexical in any environment. Lexical is framework agnostic, but provides a set of bindings for React to help you get off the ground even quicker.

Find elsewhere

Google Bing Mojeek

w3schools.com › js › js_json.asp

JSON Intro JSON Syntax JSON vs XML JSON Data Types JSON Parse JSON Stringify JSON Objects JSON Arrays JSON Server JSON PHP JSON HTML JSON JSONP JS jQuery · jQuery Selectors jQuery HTML jQuery CSS jQuery DOM JS Graphics · JS Graphics JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js JS Examples · JS Examples JS HTML DOM JS HTML Input JS HTML Objects JS HTML Events JS Browser JS Editor JS Exercises JS Quiz JS Website JS Syllabus JS Study Plan JS Interview Prep JS Bootcamp JS Certificate JS Reference

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

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

classic.yarnpkg.com › en › package › react-json-editor

react-json-editor

Fast, reliable, and secure dependency management.

codesandbox.io › s › react-json-editor-ajrm-9t2yf

react-json-editor-ajrm - CodeSandbox

April 28, 2020 - react-json-editor-ajrm by IgorBarbashov using react, react-dom, react-json-editor-ajrm, react-scripts

Published Apr 28, 2020

Author IgorBarbashov

Repository https://codesandbox.io/s/9t2yf

JSFiddle - Code Playground

Introducing some AI sprinkle in the editor - Code Completion based on the Codestral model (by Mistral).

geojson.io | powered by Mapbox

A quick, simple tool for creating, viewing, and sharing spatial data.

Quill - Your powerful rich text editor

Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output.

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

codebeautify.org

Code Beautify and Code Formatter For Developers - to ...

Random NBA Player Generator Intelligent ... Quotes Generator Random Flag Generator Random Country Generator Random US Area Codes Random Phone Number React Formatter JSON Fixer JSON Navigator Random Emoji Generator Favicon Generator CIDR Calculator Marquee Generator Meta Tag Generator ...

docs.retool.com › build apps › reference › components › text inputs › json editor

JSON Editor | Retool Docs

An interface to edit and validate JSON.

codebeautify.org › jsonviewer

Best JSON Viewer and JSON Beautifier Online

Many websites offer APIs, which will return data in JSON format. Often the JSON provided has white space removed to reduce the size payload or data. This JSON API formatter gives you a quick and easy way to format the JSON so you can read it.