Angular Dynamic Form, Table, Modal, Alert & Toast Library (Open Source)
I'm thrilled to share the first public alpha release of the **Dynamic Components**, a collection of Angular libraries designed to help developers build applications faster with configuration-driven UI components.
📦 Libraries published
✅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
✨ Key Features
🚀 JSON-Driven Configuration
🚀 Reusable Angular Components
🚀 Enterprise-Ready Architecture
🚀 Easy Integration
🚀 Reduced Development Time
🚀 Highly Customizable
🚀 Scalable & Maintainable
🎯 Ideal For
✔ Enterprise Applications
✔ Admin Dashboards
✔ CRM Systems
✔ HR Management Systems
✔ Inventory Applications
✔ Internal Business Tools
✔ Rapid Application Development
🌐 Playground:
https:// 6a381dda34ffad49961b266f--gleaming-platypus-0a8b2c.netlify.app/
💬 Feedback Page:
https:// github.com/AravindhanSenthilkumar/Feedback/issues/1
📢 Feedback Welcome
This is an **Alpha Release**, and community feedback is extremely valuable. If you're an Angular developer, I'd love to hear your thoughts, suggestions, and feature requests.
⭐ Star the project
👍 Like the video
💬 Leave feedback in the comments
🔄 Share with fellow developers