๐Ÿ… Aventis Innovations โ† Back to site
From our Lab ยท Case study

Aventis Form Generator

A schema-driven Angular library โ€” proof of how we cut repetitive work without cutting quality. Declare a form as data; the renderer produces the Material UI, validation, and accessibility for every field.

Try the live demo โ†— Compare vs ngx-formly Discuss a project

The problem

Every enterprise Angular app rebuilds the same forms by hand โ€” controls, validation, error messages, layout, and accessibility โ€” for each screen. It's repetitive, inconsistent across teams, and expensive to change.

The approach

A form is defined as data โ€” fields, types, and validators. The renderer turns that into consistent Material UI with validation messages and accessibility built in. Change behavior in one place, not per form.

Measured

A representative nine-field project-inquiry form (text, email, phone, dropdowns, textarea, checkbox โ€” with validation), built both ways:

115
lines hand-written
(reactive form + Material template + errors)
33
lines as schema
~70%
less code (~3.5ร—)
~400 KB
gzip off form-only bundles
(ag-grid is an opt-in entry point)

Across roughly ten forms in a real application, that's about a thousand fewer lines to write and maintain โ€” and one place to fix a validation rule instead of ten. The comparison is reproducible; the numbers come from building the same form both ways. Shipping today as @aventis-innovations/form-generator on npm (v0.2.0), with the data-grid features split into an optional /grid entry point so form-only apps don't bundle ag-grid.

Beyond line count

Known limitations

Want this in your stack?

We build internal platforms and customer portals where forms like these are everywhere. Tell us about your project โ†’