DEV Community: NgxViewBuilder

An AI agent builds an Angular form over MCP

NgxViewBuilder — Tue, 03 Nov 2026 18:45:20 +0000

I connected an AI agent to NGX View Builder over MCP and gave it four short prompts. It built a form, changed a validation rule, added conditional logic and translated everything to Japan, while the canvas updated live.

Try it on the demo: demo.ngxviewbuilder.io/builder
Docs: ngxviewbuilder.io

What if forms and screens lived in your database?

NgxViewBuilder — Tue, 03 Nov 2026 13:14:24 +0000

You build a form. A week later, someone needs another field. Then a different customer wants that field hidden. Then comes a calculation, an extra step, and a slightly different version for another team.
Nothing particularly difficult. But someone still has to change the frontend, test it, and ship it.
I keep thinking about how much of this actually needs to be hardcoded.
What if an application loaded its forms and screens from JSON stored in a database? Fields, layout, validation, conditional visibility, calculated values. Your frontend components would still render everything, but the definition of each screen would be data.
You could change a form without deploying the frontend. Different customers could have different versions of the same screen without adding more conditions to the component.
Of course, you would still be shipping a change to users. Saving it in a database doesn’t remove the need for testing, permissions, versioning, or rollback.
And once your JSON contains expressions, events, and conditions, have you just invented another programming language?
That’s the part I find interesting. Where should configuration end and code begin?
My current approach is to keep authentication, backend logic, and custom components in code, while letting the screen definition control layout and behavior within those boundaries.
I’m building NGX View Builder around this idea for Angular, so I’m definitely biased. But I’d like to hear from people who have tried something similar, especially in applications with lots of forms or customer-specific workflows.
Did it make changes easier? Or did maintaining the configuration eventually become harder than maintaining the code?

NGX View Builder 1.0: build Angular screens visually, or let your AI do it

NgxViewBuilder — Mon, 02 Nov 2026 08:28:15 +0000

After a long beta, NGX View Builder 1.0 is out.

It's a visual builder for Angular. You put forms, tables and dashboards together in the browser, the result is saved as JSON, and a runtime renders it in your app with signals. Changing a screen means changing JSON, not shipping a new build.

What you get:

drag and drop builder with rules like "show this field when that one is ticked"
data sources, so screens can load and send real data
an MCP server, so Claude, Codex or another AI assistant can build screens in the editor while you watch

I made it because I got tired of writing the same admin screens by hand.

Live demo: https://ngxviewbuilder.io
Short video: https://youtu.be/-Qox3psSiMs

The runtime is free, the builder is paid. Feedback is very welcome, especially on what feels confusing.

Building a JSON-driven UI Builder for Angular

NgxViewBuilder — Wed, 05 Aug 2026 18:47:08 +0000

After 2.5 years of building in my free time, I'm excited to share the beta of NGX View Builder.

The idea started while working on a project that needed dynamic JSON based forms with a drag and drop editor. We ended up using an existing solution, but the experience made me wonder if I could build something similar with a different approach.

Since early 2024, I've been working on NGX View Builder after work and on weekends. I rewrote it three times before arriving at an architecture I was happy with.

The goal isn't just another form builder. I wanted to create a flexible way to build and manage Angular application views using JSON, while making it easy to extend with custom components, plugins, themes, and integrations.

The project is now available in beta, and I'd really appreciate any feedback or suggestions from the Angular community.

🔗 https://ngxviewbuilder.io/

angular #typescript #webdev #lowcode

After 2.5 years of nights and weekends, I finally shipped my Angular view builder

NgxViewBuilder — Wed, 22 Jul 2026 14:10:45 +0000

I started building this on January 21st, 2024. After work, weekends, holidays whatever free time I could find. Two and a half years later, I finally decided to ship it as a beta.

The idea is simple you drag components onto a canvas, watch the JSON update live, and what gets rendered isn't some black box abstraction it's real Angular components. The exact same ones that run at runtime. No wrappers, no half broken layer sitting on top of your component model.

Since it's a beta, there are almost certainly bugs I haven't caught myself. So I'd genuinely appreciate it if you gave it a try and told me what you think what works, what doesn't, what's missing.

A couple of technical notes if you're curious the landing page is built with VitePress. The documentation I wrote with some AI help not out of laziness, but because good docs need clear, fluent writing, and that's not my strongest suit.

Thanks in advance to anyone who takes a few minutes to check it out. 🙏

Link: https://ngxviewbuilder.io