{"repo":"lovasoa/jsonjoy-builder","free":true,"listed":false,"github":"https://github.com/lovasoa/jsonjoy-builder","clone":"git clone https://github.com/lovasoa/jsonjoy-builder.git","description":"Visual JSON Schema editor for creating and manipulating JSON Schema definitions with an intuitive interface.","language":"TypeScript","stars":231,"topics":["api","json","jsonschema","jsonschema-generator","jsonschema-validator","openapi","ui"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"JSONJoy Builder A React component library for building and editing JSON Schema with a visual UI, a JSON source editor, schema inference, and JSON validation. Try online : https://json.ophir.dev Install JSONJoy Builder expects React, React DOM, and Monaco Editor to be available in your app: Import the stylesheet once, usually in your app entry point: Basic Usage Use SchemaBuilder when you want the full editor: visual editing on one side and editable JSON source on the other. The editor is controlled: pass the current value , then persist updates from onChange . Choosing a Component SchemaBuilder is the best default for application screens. It includes the visual editor, JSON source editor, fullscreen mode, and a draggable split view on desktop. SchemaFieldsEditor renders only the visual schema builder. Use it when your app already has its own source preview, tabs, or surrounding layout. SchemaJsonEditor renders only the Monaco JSON editor. It can be read-only or editable depending on whether you pass readOnly . Working With Schema Changes Most apps only need to handle the whole-schema change callback: For visual-editor-only usage, the same pattern is named onChange : For quick setup, omit value and start with defaultValue : Schema Inference Use InferSchemaDialog when you want users to paste example JSON and generate a starting schema. Inference detects object properties, arrays, strings, numbers, booleans, required fields, and common string formats such as dates, emails, and U","default_branch":null,"files":null,"tree":[],"storefront":"/r/lovasoa","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lovasoa/jsonjoy-builder/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}