Ngx Dynamic Form
NPM Library
Reactive Forms
Supports Different Library
A modular and extensible Angular library designed to dynamically render complex forms based on JSON configuration. It enables developers to generate fully functional, theme-adaptive forms without writing repetitive HTML or TypeScript code.
Project Link
About
Built with Angular 20+, TypeScript, and RxJS, the library supports multiple UI themes such as Bootstrap, Ant Design, and Angular Material, and allows seamless integration through dependency injection and provider registration. It follows Micro-Frontend and Shared Library principles, making it ideal for large enterprise apps.
Schema-driven rendering
Schema-driven rendering – generate forms dynamically from configuration files (no hard-coded templates).
Validation and dynamic controls
Theme support – switch between Bootstrap, Ant Design, or Material instantly with minimal setup.
Validation and dynamic controls
Validation and dynamic controls – supports conditional rendering, reactive validations, and nested group controls.
Extensible design
Extensible design – developers can plug in custom components, validators, or dynamic layouts easily.
Tech Stack Used
Angular 20
Ant Design (NZ-Zorro)
Angular Material
Bootstrap
Reactive Form
My Roles & Responsibility
Founder & Lead Developer
Architected and developed a scalable Angular library supporting dynamic form generation from JSON schemas, reducing repetitive code and improving reusability across enterprise projects.
Implemented multi-theme architecture with providers for Bootstrap, Ant Design, and Angular Material, enabling seamless UI customization within micro-frontend environments.
Designed core modules and reusable services using Angular’s standalone components and dependency injection to ensure flexibility, maintainability, and testability.
Configured CI/CD and NPM publishing workflow, managing semantic versioning, peer dependencies, and open-source distribution under the MIT license.