CoreUI PRO Angular Admin Template v5.7.20 - New Authentication Views, OTP Input, and Vitest

We are pleased to announce the release of CoreUI PRO Angular Admin Template v5.7.20. This feature release adds a complete set of authentication views - magic link, two-factor authentication, and the full password reset flow - together with a new OTP Input view, a search button in the header, a restructured navigation aligned with other CoreUI templates, a migration of the test runner to Vitest, and alignment with Angular 22.1.3.

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

How to Update

Download the latest version from CoreUI Downloads.

After downloading:

npm install
ng serve

If you are updating an existing customized project, compare your local changes with the latest template files and bring over the parts you need before deploying. Pay special attention to the restructured routes described below.

What’s New

New Authentication Views

The template now ships with a complete authentication flow out of the box:

• Magic link and magic link sent views for passwordless sign-in.
• Two-factor authentication (2FA) view.
• Check email, reset password, change password, and password changed views covering the full password recovery flow.

OTP Input View

A new OTP Input view demonstrates one-time passcode entry with the CoreUI PRO form components - a natural companion to the new 2FA and magic link flows.

Search Button

• Added a search button view.
• The default header now includes a search button trigger.

Restructured Navigation

The routes and navigation are now aligned with the other CoreUI admin templates:

• Components, buttons, and notifications are merged into /components.
• Charts moved to /charts, and the full calendar to /plugins/full-calendar.
• Authentication and error pages moved out of /pages to /authentication and /error-pages.
• The theme colors and typography views were removed.

If your project links to any of the old routes, update those links after upgrading.

Vitest Test Runner

The test setup migrated from Karma/Jasmine to Vitest:

• Removed jasmine-core, karma, karma-chrome-launcher, karma-coverage, karma-jasmine, karma-jasmine-html-reporter, @types/jasmine, and istanbul-lib-instrument.
• Added vitest 4.1.11 and jsdom 30.0.1.

Google Maps Loader Migration

The Google Maps integration migrated from the class-based @googlemaps/js-api-loader API to the v2 functional API, keeping the maps view on the currently supported loader.

Dependency Updates

We have updated key dependencies to their latest compatible versions for CoreUI PRO Angular Admin Template v5.7.20:

Angular Core Updates

• @angular/animations to: 22.1.3
• @angular/aria to: 22.1.3
• @angular/cdk to: 22.1.3
• @angular/common to: 22.1.3
• @angular/compiler to: 22.1.3
• @angular/core to: 22.1.3
• @angular/forms to: 22.1.3
• @angular/google-maps to: 22.1.3
• @angular/localize to: 22.1.3
• @angular/platform-browser to: 22.1.3
• @angular/router to: 22.1.3

Angular Development Tools

• @angular/build to: 22.1.5
• @angular/cli to: 22.1.5
• @angular/compiler-cli to: 22.1.3
• @angular/language-service to: 22.1.3

CoreUI PRO Packages

• @coreui/angular-pro to: 5.7.20
• @coreui/angular-chartjs to: 5.7.20
• @coreui/icons-angular to: 5.7.20

Development Tools

• @googlemaps/js-api-loader to: 2.1.1
• @types/node to: 26.3.0

Migration Notes

This release restructures routes and replaces the test runner, so review these points when updating a customized project:

1. Update any links that point to the old routes - components, buttons, and notifications now live under /components, charts under /charts, the full calendar under /plugins/full-calendar, and authentication and error pages under /authentication and /error-pages.
2. The theme colors and typography views were removed - drop references to them from your navigation.
3. If you kept the Karma/Jasmine setup in your project, plan the move to Vitest or keep your own runner configuration when merging.
4. If you use the Google Maps view, verify it against the @googlemaps/js-api-loader v2 functional API.
5. Install updated dependencies, run your test suite, and verify the build before deploying.

For the latest package files and update access, visit CoreUI Downloads.