CoreUI PRO Angular 20 Admin Template v5.5.3

The CoreUI PRO Angular 20 Admin Template v5.5.3 is now available as of July 2nd, 2025. This update includes an upgrade to Angular 20, ensuring that your applications run smoothly and efficiently with the latest technology stack.

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.

Angular

Bootstrap

React.js

Vue.js

What’s New

Dependency Updates

• Angular: Updated to Angular 20 (including @angular/* to ^20.0.x).
• TypeScript: Updated to ~5.8.3.
• CoreUI Packages: Updated @coreui/angular-pro, @coreui/angular-chartjs, and @coreui/icons-angular to ~5.5.x.
• Various dev dependencies received updates.
• Moved @angular/localize to dependencies for runtime use.
• Implemented moduleResolution to bundler in TypeScript configurations.
• Version bump for tilde ~ dependencies for @coreui/* to avoid Sass modules mismatch.
• Added overrides for fullcalendar/angular dependencies.

Features

• Stepper Component: New component for multi-step workflows and forms.
• Form Password Directive: Enhances UX for password input fields.
• Form Views: Introduced views for Steppers, Ratings, Range Slider, and Password Input.
• Base Components: Added Calendars view.
• Documentation: Added docs-components and docs-icons banner app components.

Refactors and Other Changes

• Migration to Angular 20 Build System: Migrated application project to the new build system with application builder.
• Dependency Injection: Migrated from constructor-based dependency injection to the inject function across various components.
• Signals Migration: Extensive migration to signal inputs, host bindings, and signal queries across numerous directives and components.
• Standalone Components: Directives, components, and pipes are now standalone by default.
• Google Maps: Used MapAdvancedMarker and MapMarkerClusterer, dropping deprecated MapMarker and DeprecatedMarkerClusterer. Extracted google-maps-api service and used @googlemaps/js-api-loader.
• Toasters: Used ComponentRef setInput() API and refactored for signal inputs.
• Self-Closing Tags: Migration to self-closing tags.
• Lazy-Loaded Routes: Migration to lazy-loaded routes.
• Sass Modules: Migrated styles to Sass modules and cleaned up.
• Scrollbar Cleanups: Minor cleanups for email-layout and default-layout minimized scrollbars.
• Carousel Refactors: Added toggle interval example, cleanup, and config.
• Form Control: Cleaned up readonly / plaintext example.
• Dropdowns: Cleaned up disabled cDropdownItem example.
• Application Configuration: Used provideAnimationAsync in app.config.
• Modals: Removed @.disabled animations.
• CoreUI Types: Added BooleanInput and NumberInput types.
• Script Injector Service: Skipped injection when script is already loaded.
• Smart Table: Implemented a cleanerClick event and refactored IColumn, IGroup types to accept key or group respectively.
• Progress Bar: Set default value=0.
• Dropdown Item & Dropdown Close: Set default disabled prop to false.
• Multi-Select & Time Picker: Updated to dropdown.visible() signal.
• Progress Service: Introduced a service for the progress component.

Fixes

• Dashboard Charts: Fixed TS2307 Cannot find module chart.js/dist/types/utils and mainChart chart.js error Cannot read properties of undefined _clip (reading 'disabled') by stopping current animations.
• Toasters: Removed position from props for AppToastComponent.
• Dashboard: Fixed brandInfoBg rgb not being a valid hex color.
• Form Password: Fixed hydration runtime error NG0500.
• Progress: Resolved TS2540 error related to value property conflicting with ProgressBarDirective.
• Collapse: Fixed NG0953 (“Unexpected emit for destroyed OutputRef”).
• Tabindex Issues: Corrected cButton, cListGroupItem, and cNavLink directives losing tabindex attribute.
• Modal: Fixed scrollbar disappearing when backdrop=false.
• Form Password Placeholder: Added a placeholder for floating labels.
• Form Check Input: Resolved checked prop overwriting checked from writeValue in ReactiveForms.
• Avatar: Corrected default size to '' instead of md.
• Multi-Select: Ensured onTouch() callback is invoked only on blur.
• Time Picker: Fixed .time-picker-roll-cell width for Korean locale, prevented 12-hour shift when 0 or 12 is filtered out with filterHours(), and corrected scrolling to the selected value on refresh/visible.
• Date Pickers: Fixed missing alias for visible prop, ensured onTouch() callback is invoked on blur, and added missing markForCheck().
• Table Color: Allowed undefined type for color input prop.
• Align: Allowed undefined type for align input prop.
• Calendar: Fixed missing debounce for state emission by calendarService.
• Carousel: Fixed first image sliding in for crossfade transition and ensured interval prop value change sets/resets the timer. Re-enabled custom content for carousel-control (regression fix). Fixed carousel not restarting when interval > 0 after being paused (interval = 0) and manually changed.
• Theme Directive: Ensured colorScheme is used if dark is not set.
• Offcanvas: Fixed offcanvas hiding on animation.done toState visible.
• Accordion: Fixed item not expanded when visible=true on init (regression).
• Icon Subset: Fixed typo in cilContrast.
• Toast: Narrowed type for cToastClose.
• Login Page Example: Fixed obsolete CSS class used in login page example.
• Email Layout: Fixed missing min-height for .ng-scroll-content.

These updates bring your application to the latest Angular 20 and related library versions.