Form composer

Build a form from registered field type plugins, then save it to formDefinitions. Preview uses the same DynamicForm renderer as the demo.

Form

Choose a form id to create or edit. Existing definitions can be loaded from SurrealDB.

Form ID

Add field

Registered plugins from listRegisteredFieldTypes().

Fields

No fields yet — add one from the palette above.

Live preview

Renders with the same field plugins used at runtime.

Add a field to preview the form.

Definition JSON

What will be written to formDefinitions:contact.

{
  "formId": "contact",
  "fields": []
}