Visual form builder
for Angular teams
Design, preview, and export signal-native Angular forms — with Material, Bootstrap, PrimeNG, or Ionic — without writing a single line of boilerplate.
Build forms at the
speed of thought
A complete visual toolkit built on the ng-forge dynamic forms engine — with zero lock-in. Your forms are just TypeScript.
Signal-native state
Built on Angular 21's signal forms API with fine-grained reactivity, zoneless change detection, and zero boilerplate.
Live multi-adapter preview
Switch between Material, Bootstrap, PrimeNG, and Ionic in real time. Same schema, four completely different UIs.
OpenAPI → Form
Paste an OpenAPI 3.x spec and generate a fully wired form instantly. Constraints map to validators, types map to controls.
TypeScript export
Every form exports as clean, typed TypeScript you can paste directly into your project. No runtime dependency on the builder.
Design in the UI,
own the code
Every form you build is a plain TypeScript object. Export it, version it, and render it with @ng-forge/dynamic-forms — no runtime dependency on the builder.
import type { FormConfig } from '@ng-forge/dynamic-forms';
// Generated by ng-forge Form Builder
export const registrationForm = {
fields: [
{
key: 'email',
type: 'input',
label: 'Email Address',
col: 12,
props: { type: 'email' },
validators: [
{ name: 'required' },
{ name: 'email' },
],
},
{
key: 'password',
type: 'input',
label: 'Password',
col: 12,
props: { type: 'password' },
validators: [
{ name: 'required' },
{ name: 'minLength', value: 8 },
],
},
],
} as const satisfies FormConfig;One schema,
any design system
Switch renderers without changing a line of form logic. The builder's live preview updates instantly.
Angular Material
Google's M2/M3 design system with outline, fill, and standard appearances
Bootstrap
The world's most popular CSS framework, rendered signal-natively
PrimeNG
Rich enterprise-grade components with a comprehensive theme system
Ionic
Cross-platform mobile-first components for hybrid Angular apps
What's on the
roadmap
We're actively building these features. The builder is free and fully functional today — these will make it even better.
AI-powered form generation
Describe a form in plain language and let the AI build it for you. BYOK support for your own API keys.
GitHub sync
Push form schemas directly to your repo. Pull changes back into the builder.
Cloud saves & version history
Save forms to the cloud with full version history and rollback support.
Real-time collaboration
Co-edit forms simultaneously with presence indicators and field-level comments.
Form sharing & delivery API
Share forms via public links and serve published schemas via a CDN-cached API.
Enterprise self-hosted
SSO, custom components, audit trail, and air-gap deployment with source code delivery.
Frequently asked
Can I use the builder without signing up?
Yes. The full visual builder, all field types, live preview, and import/export work without an account. Your work is saved locally in your browser.
Where is my data stored?
Everything is stored locally in your browser via IndexedDB. Nothing leaves your machine unless you sign up for cloud features.
Can I import an existing form?
Yes. You can import from JSON, paste an OpenAPI 3.x spec, or drop in an existing FormConfig object. The builder parses and renders it instantly.
How do I render the exported forms in my app?
Drop the exported FormConfig into @ng-forge/dynamic-forms — an open-source (MIT) library on npm. It handles rendering, validation, and state; you keep full control of your app.
Ready to forge your
first form?
No account required. Open the builder and start designing — your work is saved locally until you sign up.