Introduction - Version 2

Create beautiful advanced forms with a JSON-based schema.

Features

• Mui Components
• Built-in layouting
• Supports custom components
• Easily define field relationships and build advanced forms
• Load data from remote api
• Responsive
• Extensible
• Mobile-ready
• Production-ready

Basic example

Registration Form ^{Edit (opens in a new tab)}

Schema ^{Edit (opens in a new tab)}

Following is the json schema of the above registration form:

Usage ^{Edit (opens in a new tab)}

import MuiForms from "mui-forms";
import schema from "<schema_location>";
 
function MyForm() {
    return (
        <MuiForms
            schema={schema}
            onSubmit={() => {
                // handle submit
            }}
        />
    );
}

Built using

Star us & show your support

https://github.com/manojadams/mui-forms (opens in a new tab)