SheepNav
NGX View Builder

NGX View Builder

ngxviewbuilder.io

可视化构建Angular界面,或让AI代劳

8天前制作者:NgxViewBuilder

关于 NGX View Builder

NGX View Builder 是一款专为 Angular 开发者打造的可视化界面构建工具,它直接运行在你自己的 Angular 应用内部,而非托管在第三方平台。

核心功能

通过拖拽表单、表格、图表和布局组件到画布上,并连接 API 与业务逻辑,即可快速生成界面。构建结果保存为 JSON,运行时使用你现有的样式和组件进行渲染,实现界面动态更新而无需重新部署。

主要特性

  • 内嵌式设计:无需离开你的 Angular 应用,直接在项目环境中构建界面,保持技术栈统一。
  • 可视化拖拽:通过直观的拖放操作,快速搭建复杂表单、数据表格和图表布局。
  • JSON 驱动:视图保存为 JSON 配置,运行时动态渲染,支持热更新,提升迭代效率。
  • AI 辅助构建:内置 MCP 服务器,允许 Claude、Cursor 或 Copilot 等 AI 助手实时编辑设计器,你可以在旁观看并即时调整。
  • 无缝集成:直接使用你已有的组件和样式,确保界面风格一致,降低学习成本。

适用场景

适用于需要快速迭代 Angular 管理后台、数据仪表盘或动态表单的团队,尤其适合希望借助 AI 提升开发效率的前端工程师。

相关工具