Ship internal tools in hours, not weeks. Real auth, users, jobs, audit logs, and cohesive UI included. Early access $249 $499 → [Get it now]

How to create a sidebar in Angular

Creating a sidebar navigation is essential for most Angular applications, providing a consistent way to navigate between different sections. As the creator of CoreUI with over 10 years of Angular experience since 2014, I’ve built sidebar components for countless admin panels and enterprise applications. The most effective approach uses Angular standalone components with a service to manage sidebar state, CSS for styling and transitions, and Angular Router for navigation. This pattern provides a responsive, accessible sidebar that works across all screen sizes.

Read More…

CoreUI PRO Angular Admin Template v5.6.17

CoreUI PRO Angular Admin Template v5.6.17

We are pleased to announce the release of CoreUI PRO Angular Admin Template v5.6.17. This update brings full Angular 21.2 support, resolves Chart.js animation issues, and includes all exclusive CoreUI PRO components for building sophisticated enterprise Angular admin dashboards.

Read More…

How to create a dropdown in Angular

Creating dropdown menus is a fundamental task in Angular applications, whether for form inputs or navigation menus. As the creator of CoreUI with over 10 years of Angular experience since 2014, I’ve implemented countless dropdown components in production applications. The most straightforward approach is using native HTML select elements with Angular’s reactive forms for form dropdowns, or custom click-based components for navigation dropdowns. Both approaches provide full control over styling and behavior while maintaining accessibility.

Read More…

How to create a tooltip in Angular

Tooltips are essential UI components that provide contextual information when users hover over or focus on elements without cluttering the interface. With over 10 years of experience building Angular applications since 2014 and as the creator of CoreUI, a widely used open-source UI library, I’ve implemented countless tooltips in production applications. The most robust and accessible approach is to use Angular CDK Overlay, which handles positioning, backdrop management, and accessibility automatically. This method provides flexibility in styling and behavior while ensuring proper focus management and keyboard support.

Read More…

CoreUI Free Angular Admin Template v5.6.17

CoreUI Free Angular Admin Template v5.6.17

We are pleased to announce the release of CoreUI Free Angular Admin Template v5.6.17. This update brings full support for Angular 21.2, resolves Chart.js animation issues, and includes the latest CoreUI for Angular components to keep your admin dashboard modern, secure, and performant.

Read More…

How to create a modal in Angular

Building modal dialogs is essential for user interaction in modern web applications, whether for confirmations, forms, or displaying additional content. With over 10 years of experience building Angular applications since 2014 and as the creator of CoreUI, a widely used open-source UI library, I’ve implemented countless modals in production apps. The most reliable and modern approach is to use the Angular CDK Dialog, which provides a flexible, accessible foundation without imposing strict Material Design styling. This method gives you full control over appearance while handling focus trapping, keyboard navigation, and backdrop management automatically.

Read More…

CoreUI for Angular v5.6.17 - Angular 21.2 Update

CoreUI for Angular v5.6.17 - Angular 21.2 Update

We are pleased to announce the release of CoreUI for Angular v5.6.17. This update brings full support for Angular 21.2, resolves a critical Chart.js animation issue, and includes comprehensive dependency updates to ensure your Angular applications run with the latest framework improvements and security patches.

Read More…

CoreUI PRO for Angular v5.6.17 - Angular 21.2 Update

CoreUI PRO for Angular v5.6.17 - Angular 21.2 Update

We are pleased to announce the release of CoreUI PRO for Angular v5.6.17. This update brings full support for Angular 21.2, resolves Chart.js animation issues, and includes comprehensive dependency updates to ensure your enterprise Angular applications run with the latest framework improvements, security patches, and PRO component enhancements.

Read More…

How to create a custom overlay in Angular

Creating overlays like tooltips, popovers, and custom dropdowns requires precise positioning and z-index management that can quickly become complex. With 12 years of experience building Angular applications since 2014 and as the creator of CoreUI, I’ve built countless overlay components for enterprise applications. The most reliable solution is Angular CDK’s Overlay service, which provides flexible positioning, scroll strategies, and backdrop handling out of the box. This approach eliminates positioning bugs and works seamlessly across different screen sizes and scroll containers.

Read More…

How to use virtual scrolling in Angular

Rendering thousands of items in a list can severely impact application performance, causing slow rendering and sluggish scrolling. With over 10 years of experience building Angular applications and as the creator of CoreUI, I’ve optimized data-heavy admin panels and dashboards where performance is critical. From my expertise, the most effective solution is Angular CDK’s virtual scrolling, which renders only visible items and dramatically improves performance for large datasets. This method can handle lists with tens of thousands of items while maintaining smooth 60fps scrolling.

Read More…