FormEngine Designer Overview - Features & Capabilities
FormEngine Designer Overview - Features & Capabilities
For form authors
New to the Designer UI? Start with the Form Author Guide-workspace tour, first form tutorial, validation, preview, and export. No npm or React required.
FormEngine Designer is a visual, drag-and-drop form builder for React applications. Authors design forms in the browser; developers embed the designer and viewer packages in their apps.
What you can do
| Role | Capabilities |
|---|---|
| Form authors | Add fields, layout, validation, and actions; preview and export form JSON |
| Developers | Install packages, embed designer/viewer, connect storage, APIs, and custom components |
Documentation tracks
| Track | Start here |
|---|---|
| Form authors (no code) | Form Author Guide |
| Developers (npm/React) | For developers → Installation → Usage |
| Live practice | https://demo.formengine.io/ |
Feature highlights
- Drag-and-drop canvas with Tree, Components, Settings, and Forms panels
- Preview mode with live Data, Validate, and Errors
- Rules and Actions per component; form-wide Settings
- Export / import JSON and bulk ZIP when storage is enabled
- Multiple component libraries (Material UI, RSuite, Mantine, and others)
- Localization, adaptive layout, and JSON schema tooling for integrators
Deep dives live under Features and the API reference.
Summary
- Authors use the Form Author Guide.
- Integrators use For developers, Installation, and Usage.
Next steps
Next: For developers