Ngx Form Builder

screenshot of Ngx Form Builder
angular
bootstrap

Angular Form generation base on Angular , dynamic template support ng-zorro-antd/BootStrap UI (基于ng8的 json schema 表单生成器,提供生成组件源码,可对生成的表单代码进行编辑)

Overview

ngx-form-builder is an Angular library that allows for dynamic form generation based on JSON schema. It supports various UI frameworks such as ng-zorro-antd and Bootstrap. The library also includes features such as ngModel auto-binding, template code editing on StackBlitz, and integration with Yapi interface.

Features

  • Form generation based on JSON schema
  • Support for downloading and copying the generated template code
  • Support for ngModel auto-binding
  • Support for Bootstrap and ng-zorro-antd templates
  • Support for editing ng-zorro-antd template code on StackBlitz
  • Integration with Yapi interface for template generation
  • Support for Java vo to json schema conversion and template generation (in development)
  • Support for drag and drop functionality (in development)
  • Support for form validation (planned feature)

Summary

ngx-form-builder is an Angular library that provides dynamic form generation based on JSON schema. It offers various features such as support for different UI frameworks, template code editing on StackBlitz, and integration with Yapi interface. The library is well-documented and actively maintained. However, there are a few planned features that are still under development, such as drag and drop functionality and form validation support. Overall, ngx-form-builder is a useful tool for easily generating and managing forms in Angular applications.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.