JForm - Dynamic Form Generator

This repo contains the code for dynamic form generator build using React, Typescript, Monaco-Editor, React Hook Form and Zod for validation. JForm is an powerful tool designed to seamlessly transform your JSON input into fully functional HTML forms in real-time. Use the following example to see the form generated dynamically:

• JSON

    {
     "formTitle":"Form",
     "fields":[
        {
          "id":"1",
          "type": "select",
          "label":"Location",
          "options": ["country", "state", "city"]
        },
        {
          "id":"2",
          "type": "input",
          "label": "Name",
          "required": true,
          "placeholder":"Enter Your Name" 
        }
      ]
    }

• On submitting the form, the form data can be downloaded in your local drive.

• Output

  

Note

This website still lacks important features, so it may not meet your expectations. Best Viewed on desktop PC or Laptop. Check the live website here.