NGX View BuilderThe visual builder for complete Angular views

Built for both sides of the team ​

Creators get a professional visual workspace: drag elements onto pages, configure every property from a searchable sidebar, preview on desktop/tablet/mobile, and test with live data — no development environment required.

Developers get a serious integration surface instead of a black box:

import { NgxViewBuilderRuntime, NgxViewBuilderApiService } from 'ngx-view-builder';

@Component({
  imports: [NgxViewBuilderRuntime],
  template: `<ngx-view-builder-runtime [pageJson]="view" [dataJson]="data" theme="dark" />`,
})
export class ClientPage {
  private api = inject(NgxViewBuilderApiService);

  ngOnInit() {
    this.api.onComplete.add(async ({ isValid, data }) => {
      if (isValid) await this.save(data);
    });
  }
}

Everything the builder does is available programmatically — read and mutate structures, set values, reload data sources, switch themes and languages, validate headlessly, and observe 50+ typed events. See the API service reference.

Why teams pick NGX View Builder ​

• Views are data. A page is one JSON document — store it in your database, template it, migrate it, diff it in code review, or generate it with AI.
• No lock-in runtime. Views render inside your Angular app with your router, your HTTP layer, your auth, and your design tokens.
• The hard parts are done. Dependent dropdowns, server-side tables, wizard navigation, validation summaries, translations, per-user table preferences — configured, not coded.
• It grows with you. Start with a contact form; end with a builder-driven admin panel where your own domain elements sit in the sidebar next to the built-ins.

Take the 5-minute first form tutorial, embed the runtime, or explore the live demo.

Community & feedback ​

Everything public about NGX View Builder lives in the community repository:

• Found a bug? Open an issue — a minimal structure JSON that reproduces it makes fixes much faster.
• Have an idea or feature request? File it as an issue too — real-world use cases directly shape the roadmap.
• Questions and discussions are welcome in the same repository.

Built on excellent open source ​

NGX View Builder stands on the shoulders of a small set of battle-tested open-source libraries. Thank you to their authors and maintainers.