Thursday, January 8, 2026 | 2 min read

Angular Material Blocks now supports Angular v21!

Angular Material Blocks now supports Angular v21, keeping all blocks server-compatible and easy to upgrade via the CLI — plus a version picker on the web to toggle between v21, v20 and v19 code.

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**. 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. Angular Version Picker 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]).
Angular Material Blocks Logo

Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.

Find us on X (Twitter), LinkedIn, Instagram & Threads