Integration Overview
GolemUI is framework-agnostic — your form definition runs unchanged in React, Angular, Lit, Vue, and vanilla JS. Pick the adapter package for your framework; the form component, props, and behavior are identical across all five.
Pick your framework
Section titled “Pick your framework”| Framework | Adapter package | Component | Setup |
|---|---|---|---|
| React | @golemui/gui-react | <GuiForm /> | React → |
| Angular | @golemui/gui-angular | <gui-form> | Angular → |
| Lit | @golemui/gui-lit | <gui-form> | Lit → |
| Vue | @golemui/gui-vue | <GuiForm /> | Vue → |
| Vanilla JS | @golemui/gui-lit | <gui-form> | Vanilla JS → |
What <gui-form> does
Section titled “What <gui-form> does”- Renders widgets from your
formDefarray (Programmatic or JSON). - Tracks user input in a reactive store.
- Runs validators and surfaces errors.
- Emits events your application code listens to.
Every customization knob — widget loaders, item renderers, validators, middlewares, i18n, dependencies, states — flows through the same small surface. See Features Overview for the full list of inputs and Configuration for the per-prop reference.
Next steps
Section titled “Next steps”- React Integration · Angular Integration · Lit Integration · Vue Integration · Vanilla JS Integration
- Configuration — typed reference for every
formConfigoption. - Features Overview — every
<gui-form>input explained.