Form Builder

Form Builder creates schema-driven forms with a drag-and-drop builder, a runtime renderer, and provider-based registration for field types and field-specific settings panels.

Use it for admin-configurable forms, document templates, onboarding builders, tenant-specific field layouts, surveys, intake flows, and other places where product teams need to compose fields without changing Angular templates.

Hidden fields use type: 'hidden'. They render as native input type="hidden" controls in runtime forms, stay editable in the builder inspector, and are included in raw submitted values.

The NgStarter Angular Form Builder library provides a drag-and-drop form designer, schema model, runtime renderer, and provider registration API for custom field types and field-specific settings.

Use ngs-form-builder when an admin user needs to compose sections and fields visually, then save the resulting FormBuilderSchema to a backend.

Use ngs-form-renderer to render the same schema in a runtime form, collect values, and submit validated form data.

Built-in fields include text inputs, choices, date and time controls, upload fields, layout containers, static spacers, and hidden fields. Hidden fields render as native input type="hidden" controls and are included in submitted form values.

Open examples View renderer View external flow View API

Using this component in production?

Source code, templates, and commercial support

NgStarter includes source code, admin dashboard templates, and commercial support.

View pricing →Explore admin templates

Form Builder

Source code, templates, and commercial support

Build the surrounding workflow