<h2>Overview</h2>
<p>The JSON Schema form + UI generator is a tool that allows developers to easily create user interfaces and forms based on JSON Schema structures. It provides first-class support for Material UI React and can be used with any design system. The tool aims to help developers develop React apps faster and with less code duplication, while also providing easy implementation of data validations.</p>
<h2>Features</h2>
<ul>
<li>Add any design system or custom widget</li>
<li>Easily create isolated and atomic widgets with autowired data and validations</li>
<li>Customize design system behavior with widget composition</li>
<li>Easily bind own design systems and custom widgets</li>
<li>Easily add advanced features like read-or-write mode</li>
<li>Auto-render forms based on data &#x26; schema or create fully-customized forms with autowired widgets</li>
<li>Flexible translation of widgets with any library (t prop (Translator), Trans component)</li>
<li>In-schema translations (t keyword)</li>
<li>Label text transforms (tt/ttEnum keyword)</li>
<li>Support for single or multi-language labels, titles, errors, icons</li>
<li>Integrated translation library (optional)</li>
<li>Translation dictionaries (optional)</li>
<li>Modular, extensible, and slim core</li>
<li>Ability to add own plugins, validators, base renderers, widget matchers, and render strategies</li>
<li>Performance optimized with targeted HTML updates for efficient rendering</li>
<li>Code splitting with custom widget mappings and lazy-loading widgets</li>
</ul>


Ui Schema

Ui Schema