It has been an exciting year for _Angular Material Blocks_. Since launch, we’ve shipped hundreds of production-ready blocks, expanded into full templates, and invested heavily in tooling (CLI, MCP, Rules Files) to make integrating blocks feel effortless.
Today, we’re happy to announce that **Angular Material Blocks now supports Angular v21**.
Keeping blocks compatible with the latest Angular release is a core promise of this project. Angular v21 support means you can keep your app on the newest Angular version while continuing to copy/paste blocks, or integrate them via CLI/MCP, with the same design consistency and SSR/SSG compatibility you expect.
## Highlights
- Updated the project to **Angular v21**
- Ensured all blocks remain **server-compatible (SSR/SSG / pre-rendering friendly)**
- All the premium templates are now compatible with Angular v21
- Continued focus on **minimal diffs** between supported Angular versions so teams can upgrade smoothly
- CLI remains the simplest way to stay up to date
## How to upgrade?
First, upgrade your Angular application to Angular v21.
```bash
ng update @angular/core @angular/cli @angular/material
```
Then update your installed blocks using the CLI:
```bash
npx @ngm-dev/cli update
```
That’s it — you’ll now have Angular v21 compatible blocks in your project.
## What about older Angular versions?
Angular Material Blocks continues to support multiple Angular versions. If you’re not ready to move to v21 yet, you can stay on your current Angular version and still use the CLI/MCP — just make sure you’re on the latest `@ngm-dev/cli`.
On web, over the "Code" tab of any block you’ll now find a picker to toggle between v21, v20 and v19.
As always, we’ll do our best to keep older versions supported, but **new blocks and improvements are primarily optimized for the latest Angular release**.
## Looking ahead
We’re excited to keep shipping more blocks, more templates, and better tooling — while staying aligned with the latest Angular and Angular Material releases.
If you have feedback, feature requests, or upgrade pain points, please share them with us on [X (formerly Twitter)](https://twitter.com/ngMaterialDev), [LinkedIn](https://www.linkedin.com/company/102542633), or [email](mailto:[email protected]).
Keeping blocks compatible with the latest Angular release is a core promise of this project. Angular v21 support means you can keep your app on the newest Angular version while continuing to copy/paste blocks, or integrate them via CLI/MCP, with the same design consistency and SSR/SSG compatibility you expect.
## Highlights
- Updated the project to **Angular v21**
- Ensured all blocks remain **server-compatible (SSR/SSG / pre-rendering friendly)**
- All the premium templates are now compatible with Angular v21
- Continued focus on **minimal diffs** between supported Angular versions so teams can upgrade smoothly
- CLI remains the simplest way to stay up to date
## How to upgrade?
First, upgrade your Angular application to Angular v21.
```bash
ng update @angular/core @angular/cli @angular/material
```
Then update your installed blocks using the CLI:
```bash
npx @ngm-dev/cli update
```
That’s it — you’ll now have Angular v21 compatible blocks in your project.
## What about older Angular versions?
Angular Material Blocks continues to support multiple Angular versions. If you’re not ready to move to v21 yet, you can stay on your current Angular version and still use the CLI/MCP — just make sure you’re on the latest `@ngm-dev/cli`.
On web, over the "Code" tab of any block you’ll now find a picker to toggle between v21, v20 and v19.
As always, we’ll do our best to keep older versions supported, but **new blocks and improvements are primarily optimized for the latest Angular release**.
## Looking ahead
We’re excited to keep shipping more blocks, more templates, and better tooling — while staying aligned with the latest Angular and Angular Material releases.
If you have feedback, feature requests, or upgrade pain points, please share them with us on [X (formerly Twitter)](https://twitter.com/ngMaterialDev), [LinkedIn](https://www.linkedin.com/company/102542633), or [email](mailto:[email protected]).