After months of development and testing, I'm happy to share that my first Alpha Release of dynamic components for Angular developers.
The goal is to simplify the development of enterprise applications by providing highly configurable, JSON-driven UI components that reduce boilerplate code and accelerate development.
š Npm Packages:
1.Dynamic Form:
InstallationĀ : npm i devlab-one-dynamic-form
DocumentationĀ : https://www.npmjs.com/package/devlab-one-dynamic-form
FeaturesĀ : Build dynamic forms using JSON configuration, Reactive Forms support, Built-in validations, Conditional field rendering, Customizable form layouts
2.Dynamic Table:
Installation: npm i devlab-one-dynamic-table
DocumentationĀ : https://www.npmjs.com/package/devlab-one-dynamic-table
FeaturesĀ : Configurable Angular data tables, Sorting, filtering, and pagination, Dynamic column definitions, Action buttons and custom events
3.Dynamic Data Table:
Installation: npm i devlab-one-dynamic-data-table
DocumenationĀ : https://www.npmjs.com/package/devlab-one-dynamic-data-table
FeaturesĀ : Data table component, Angular data tables, Sorting, filtering, and pagination, Dynamic column definitions, Action buttons and custom events, Dynamic form with dynamic popup render all fields dynamically,Flexible configuration through JSON
4.Dynamic Modal:
Installation: npm i devlab-one-dynamic-modal
DocumentationĀ : https://www.npmjs.com/package/devlab-one-dynamic-modal
FeaturesĀ : Reusable modal/dialog component,Dynamic content rendering, Custom actions and callbacks, Easy integration with Angular applications
5.Dynamic Alert:
Installation: npm i devlab-one-dynamic-alert
DocumenationĀ : https://www.npmjs.com/package/devlab-one-dynamic-alert
featuresĀ : Configurable alert dialogs, Success, warning, error, and information alerts, Customizable messages and actions
6.Dynamic Toast:
Installation: npm i devlab-one-dynamic-toast
DocumentationĀ : https://www.npmjs.com/package/devlab-one-dynamic-toast
FeaturesĀ : Lightweight toast notification systemĀ ,Success, error, warning, and info notifications, Easy-to-use API
Fully customizable appearance and behavior
ā
Reduce repetitive UI code
ā
JSON-driven configuration
ā
Faster development cycles
ā
Reusable enterprise-grade components
ā
Angular-friendly architecture
ā
Designed for scalability and maintainability
š Playground:
š https://6a381dda34ffad49961b266f--gleaming-platypus-0a8b2c.netlify.app/
š YoutubeĀ :
https://www.youtube.com/watch?v=-vnGjIY5tI8
š¬ Feedback Page:
https://github.com/AravindhanSenthilkumar/Feedback/issues/1
I would love to hear feedback from fellow Angular developers and open-source enthusiasts. Feel free to try the packages, share your thoughts, and contribute ideas for future improvements.













