json-edit-react
A highly-configurable React component for inline editing and viewing of JSON/object data with granular control and custom UI.
What is json-edit-react?
json-edit-react is a React component that provides an interactive, configurable interface for editing and viewing JSON or JavaScript object data directly within React applications. It solves the problem of embedding a full-featured JSON editor with inline editing, validation, and customization without relying on external UI libraries. Developers can use it to build admin panels, configuration interfaces, or data manipulation tools where structured data editing is required.
React developers building applications that require interactive JSON or object data editing, such as admin dashboards, configuration UIs, or data management tools. It is particularly useful for those needing granular control over editing permissions, custom UI theming, or integration with JSON Schema validation.
Developers choose json-edit-react for its extensive configurability, self-contained design (no external UI dependencies), and rich feature set including drag-and-drop, custom components, and localization. It offers a balance between ease of integration and deep customization, making it suitable for both simple viewers and complex editable interfaces.
Overview
React component for editing/viewing JSON/object data
Use Cases
Best For
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
