FormEngine Studio

Build JSON-Schema forms with live validation: add fields, preview it, export the JSON for React app.

FormEngine Studio — build JSON-Schema forms with live validation: add fields, preview it, export the JSON for React app.

How to use FormEngine Studio

  1. Add text, email, number, select, checkbox, radio, date and submit fields to your form
  2. Edit each field label, key, placeholder, options and required or length rules
  3. Try the live preview and submit it to see the same Zod validation the core package runs
  4. Open the Form JSON tab to copy the real FormEngine JSON tree for FormViewer
  5. Copy the React snippet and install command to use the form in your own app

Features

  • Builds the real FormEngine JSON tree: Screen node, Mui component children, props and schema validations
  • Live working preview with required, email, minLength, maxLength, pattern, min and max validation
  • Four starter templates: contact, newsletter signup, feedback survey and event booking
  • Exports copy-ready FormViewer React code for MUI, shadcn, RSuite and Mantine themes
  • Theme and install guide from the repo README, including the core plus MUI bundle size

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.