Porting Sileo’s Toast System to Angular – Building ngx-dynamic-toast

Hi devs, Recently, I came across Sileo, a beautifully designed toast/notification system: Original design: https://sileo.aaryan.design/ I really liked the interaction model and visual behavior, and I started wondering what it would look like as a reusable Angular library. So I decided to build an Angular adaptation inspired by Sileo’s toast system. The Goal This was not just about recreating the UI. The goal was to: Implement fully dynamic component rendering Keep the API clean and scalable Maintain flexibility for custom content Follow Angular best practices Keep it lightweight and easy to integrate The Result: ngx-dynamic-toast I built ngx-dynamic-toast, an open-source Angular library inspired by Sileo’s toast concept. npm: https://www.npmjs.com/package/ngx-dynamic-toast GitHub: https://www.npmjs.com/package/ngx-dynamic-toast Technical Challenges Some of the most interesting challenges during development were: Dynamic component injection Rendering fully dynamic content inside toasts