Angular Dynamic Components – Alpha Release

Aravindhan Senthilkumar — Sat, 20 Jun 2026 06:27:17 +0000

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.

Angular #AngularDeveloper #TypeScript #WebDevelopment #FrontendDevelopment #OpenSource #NPM #SoftwareEngineering #UIComponents #DevLabOne #JavaScript #Programming #DeveloperTools #AngularLibrary #TechInnovation #FrontendEngineering

DEV Community: Aravindhan Senthilkumar

Angular Dynamic Components – Alpha Release

Angular #AngularDeveloper #TypeScript #WebDevelopment #FrontendDevelopment #OpenSource #NPM #SoftwareEngineering #UIComponents #DevLabOne #JavaScript #Programming #DeveloperTools #AngularLibrary #TechInnovation #FrontendEngineering