I'm excited to share Version 2 of my Angular Dynamic Components library!
After the initial Alpha Release, I've spent significant time testing the components, fixing issues, improving the architecture, and adding new capabilities.
Version 2 comes with multiple fixes, improvements, and several enhancements across the component library.
Dynamic Form
Installation: npm i devlab-one-dynamic-form
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-form
Highlights: JSON-driven dynamic form generation, Reactive Forms support, built-in validations, conditional field rendering, dynamic field configuration, customizable layouts, improved form handling and flexibility
Dynamic Table
Installation: npm i devlab-one-dynamic-table
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-table
Highlights: Dynamic column configuration, sorting, filtering, pagination, action buttons, custom events, improved configuration and usability
Dynamic Data Table
Installation: npm i devlab-one-dynamic-data-table
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-data-table
Highlights: Dynamic data table configuration, sorting, filtering and pagination, dynamic columns, action buttons and events, dynamic forms inside popups, JSON-based configuration, flexible data and UI handling
Dynamic Modal
Installation: npm i devlab-one-dynamic-modal
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-modal
Highlights: Reusable modal/dialog component, dynamic content rendering, configurable actions, custom callbacks/events, flexible integration with Angular applications
Dynamic Alert
Installation: npm i devlab-one-dynamic-alert
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-alert
Highlights: success, warning, error and information alerts ,configurable messages, custom actions, reusable alert functionality, improved user experience
Dynamic Toast
Installation: npm i devlab-one-dynamic-toast
Documentation: https://www.npmjs.com/package/devlab-one-dynamic-toast
Highlights: Lightweight toast notification system, success, error, warning and info notifications, reusable across angular applications, improved configuration and behavior
The goal is to make common UI development:
✅ More reusable
✅ More configurable
✅ Less repetitive
✅ Easier to maintain
✅ Faster to develop
✅ Suitable for enterprise applications
🌐 Try the Playground
👉 https://devlabone-demo-dynamic-components.netlify.app
This project is still evolving, and Version 2 is another step toward building a more complete dynamic UI component ecosystem for Angular.
Top comments (0)