Installation
Everything you need to set up Angular Material Blocks.
Angular Material Dev (Blocks) are designed for Angular and requires the following versions:
| Package | Version |
|---|---|
| Angular | 20+ |
| @angular/cdk | 20+ |
| @angular/material | 20+ |
| tailwindcss | 4 |
As of October 2025, we also provide support for Angular v19. But, we recommend using Angular v20+ for the best experience.
Create a new Angular project
In terminal, run the following command to create a new Angular project:
ng new my-app --style scssSCSS is needed for
@angular/material's overrides API to customize tokens.
Use @ngm-dev/cli to complete the setup
You can use @ngm-dev/cli to complete the setup & skip manual steps. Run the following command to initialize @ngm-dev/cli in your project:
npx @ngm-dev/cli initSimply follow the prompts to complete the setup. And you're good to go! To know more about @ngm-dev/cli, please visit CLI Setup page.
If for some reason CLI fails to complete above steps, you can follow manual setup, go to Manual Setup page.
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