CoreUI v5.5.7 for Angular 20

CoreUI v5.5.7 for Angular 20

We’re excited to announce the availability of CoreUI v5.5.7 for Angular 20, released on August 12, 2025!

This update brings important hydration warning fixes and improvements to ensure better server-side rendering compatibility. We’ve addressed several rendering issues and updated to the latest Angular 20.1.6.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


How to Update

To update to CoreUI v5.5.7 for Angular 20, follow these steps to ensure your project is up-to-date:

  • Verify that you are using a supported version of node.js before you upgrade your application. Angular v20 supports node.js versions: ^20.19, ^22.12 or ^24.0.
  • To update your Angular 20 application to CoreUI v5.5.7, in the application’s project directory, run:
ng update @angular/core@20 @angular/cli@20 @angular/cdk@20 @coreui/coreui@5 @coreui/angular~5.5 @coreui/icons-angular@~5.5 @coreui/angular-chartjs@~5.5 

This process should seamlessly update your project to CoreUI v5.5.7 for Angular 20, incorporating the latest fixes and optimizations.


What’s New

Dependency Updates

  • Angular 20.1.6
  • Various development dependencies

Refactors and Changes

  • Tab Directive: Migrated disabled to linked signal for better reactivity.
  • Internal Improvements: Enhanced type handling and internal directive refactoring.

Fixes

  • Popover: Replaced effect() with afterRenderEffect() to resolve hydration warnings during server-side rendering.
  • Tooltip: Fixed hydration warnings by using afterRenderEffect() instead of effect().
  • Table: Improved rendering and type handling for better stability.
  • Rendering Issues: Fixed several rendering issues using afterRenderEffect() for better SSR compatibility.

These updates bring your application to the latest CoreUI v5.5.7 for Angular 20 with improved server-side rendering support and enhanced stability.


For a comprehensive overview of all changes, enhancements, and updates introduced in this release, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
What is globalThis in JavaScript?
What is globalThis in JavaScript?

How to return multiple values from a JavaScript function
How to return multiple values from a JavaScript function

How to check if a string is a number in JavaScript
How to check if a string is a number in JavaScript

How to remove a property from an object in Javascript
How to remove a property from an object in Javascript

How to check if a key exists in JavaScript object?
How to check if a key exists in JavaScript object?

How to validate an email address in JavaScript
How to validate an email address in JavaScript