--- title: "Mantis Angular v3.0.0: Angular 22 support and major improvements" description: "We're excited to announce that Mantis Angular v3.0.0 is officially live. This release is focused on bringing Mantis in line with the latest Angular 22 ecosystem while improving overall performance,..." url: https://blog.codedthemes.com/mantis-angular-v3-0-0-angular-22-support/ date: 2026-06-09 modified: 2026-06-09 author: "Anjali Rana" image: https://blog.codedthemes.com/wp-content/uploads/2026/06/mantis_angular_22_admin_template_v3_0_0.webp categories: ["Angular", "Bootstrap", "Product"] type: post lang: en --- # Mantis Angular v3.0.0: Angular 22 support and major improvements We’re excited to announce that (https://codedthemes.gitbook.io/mantis-angular/changelog) is officially live. This release is focused on bringing Mantis in line with the latest (https://angular.dev/events/v22) while improving overall performance, maintainability, and developer experience. With this update, Mantis now supports TypeScript 6, introduces signal-based inputs, improves performance with optimized OnPush change detection, includes design refinements, and offers a more flexible dynamic layout configuration system. Whether you’re upgrading an existing project or starting a new project with Angular 22, Mantis v3.0.0 provides a cleaner, faster, and more scalable foundation for your projects. In this blog, we’ll walk through the key improvements included in this release and how they can benefit your development workflow. ## Why was this update needed? Angular continues to evolve, and Angular 22 brings several improvements that encourage developers to build applications in a more reactive, efficient, and maintainable way. To keep the Mantis dashboard aligned with these best practices, we updated the template to take full advantage of the latest Angular capabilities. ### 1. Embracing Angular signals One of the biggest changes in modern Angular development is the introduction of (https://angular.dev/guide/signals). To stay current with Angular’s recommended approach, we’ve adopted Signals across the application. This creates a more reactive development experience where components automatically respond to data changes. The result is cleaner code, less boilerplate, and easier state management. ### 2. Better performance with OnPush change detection Performance is a key priority for every application. That’s why Mantis Angular 22 v3.0.0 now uses the (https://angular.dev/best-practices/skipping-subtrees) throughout the project. Instead of checking every component during each update cycle, Angular only re-renders the parts of the UI that have actually changed. This reduces unnecessary work, improves rendering performance, and helps deliver a smoother user experience. ### 3. Upgraded to TypeScript 6 We’ve also upgraded the codebase to (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-6-0.html) to ensure compatibility with the latest Angular ecosystem. This update brings stronger type safety, better tooling support, and access to modern language improvements. For developers, that means cleaner code, fewer runtime errors, and a more maintainable project as applications grow. If you’re planning to migrate an existing project, be sure to check out our (https://blog.codedthemes.com/angular-22-upgrade/) for step-by-step instructions and migration recommendations. ## What’s improved in this release? Mantis Angular 22 v3.0.0 is more than just an Angular version upgrade. We’ve refined the codebase, modernized key components, and introduced several UI improvements to make development faster and maintenance easier. ### UI & theming enhancements We’ve made several improvements to simplify customization and keep the codebase cleaner: - Replaced static SVG logo files with reusable SVG logo components. - Removed unnecessary ng-bootstrap-specific classes and extra Bootstrap utility classes. - Cleaned up deprecated classes and outdated code patterns. - Improved overall code consistency and maintainability. ### Design improvements We’ve refreshed several areas of the template to provide a more polished and modern user experience: - (https://mantisdashboard.com/angular/default/) with an updated look and feel. - (https://mantisdashboard.com/angular/default/dashboard/default) for better usability. - Added a search modal for quick page navigation. ### New pages added To help teams launch projects faster, we’ve added several ready-to-use pages: - (https://mantisdashboard.com/angular/components/all-components) - (https://mantisdashboard.com/angular/faqs) - (https://mantisdashboard.com/angular/default/maintenance/join-waitlist) - (https://mantisdashboard.com/angular/change-log) These pages can be used directly or customized based on your project requirements. ## How does this help developers? Every change in this release was made with developer experience in mind. ### Faster development Mantis is now fully aligned with Angular 22, allowing developers to build applications using the latest Angular features and best practices. ### Easier maintenance By removing deprecated code and outdated implementations, the project becomes easier to maintain and upgrade in the future. ### Better customization The new reusable SVG logo component makes it easier to update branding and preset colors without editing multiple assets. ### Reduced development time With new pre-built pages such as FAQ, waitlist, and changelog, developers can skip repetitive setup work and focus on building core features. ### More consistent user experience Updated layouts, improved styling, and design refinements create a cleaner and more professional interface out of the box. For setup guides, customization options, and component details, check out the Mantis Angular (https://codedthemes.gitbook.io/mantis-angular). ## Conclusion Mantis Angular v3.0.0 is built to align with Angular 22 while providing a cleaner, faster, and more maintainable development experience. Alongside framework upgrades, we’ve refreshed the UI, improved layouts, enhanced theming support, and added new ready-to-use pages to help developers build applications faster and with less effort. > !(https://codedthemes.com/blog/wp-content/uploads/2024/05/angular-icon.png) > Ready to get started? (https://codedthemes.com/item/mantis-angular-admin-template/) and start building with the latest Angular best practices. Share this:[](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fmantis-angular-v3-0-0-angular-22-support%2F&linkname=Mantis%20Angular%20v3.0.0%3A%20Angular%2022%20support%20and%20major%20improvements)[](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fmantis-angular-v3-0-0-angular-22-support%2F&linkname=Mantis%20Angular%20v3.0.0%3A%20Angular%2022%20support%20and%20major%20improvements)[](https://www.addtoany.com/add_to/reddit?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fmantis-angular-v3-0-0-angular-22-support%2F&linkname=Mantis%20Angular%20v3.0.0%3A%20Angular%2022%20support%20and%20major%20improvements)[](https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fmantis-angular-v3-0-0-angular-22-support%2F&linkname=Mantis%20Angular%20v3.0.0%3A%20Angular%2022%20support%20and%20major%20improvements)[](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fblog.codedthemes.com%2Fmantis-angular-v3-0-0-angular-22-support%2F&linkname=Mantis%20Angular%20v3.0.0%3A%20Angular%2022%20support%20and%20major%20improvements)