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, 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 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 OnPush change detection strategy 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 TypeScript 6 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 Angular 22 upgrade guide 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:
- Redesigned the landing page with an updated look and feel.
- Updated the dashboard header layout 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:
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 documentation.
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.
Ready to get started? Upgrade to Mantis Angular 22 v3.0.0 and start building with the latest Angular best practices.
Comments