Angular Material
The official Material Design library for Angular.
Angular Material is maintained by the Angular team itself, which shows in how tightly it integrates with forms, change detection and the router. Underneath it sits the CDK, and the CDK is arguably the more valuable half.
At a glance
| Install | ng add @angular/material |
| Maintainer | the Angular team |
| Foundation | Angular CDK, usable on its own |
| Styling | Sass with Material 3 design tokens |
| MCP server | none for Material, but Angular CLI ships one |
| License | MIT |
Install
The schematic wires up the theme, typography and animations in one step:
ng add @angular/material
What the code looks like
import { MatButtonModule } from '@angular/material/button'
import { MatTableModule } from '@angular/material/table'
<button mat-flat-button color="primary">Save changes</button>
<table mat-table [dataSource]="rows">
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let row">{{ row.name }}</td>
</ng-container>
</table>
The CDK is the hidden value
You can use @angular/cdk without a single Material component. It gives you the primitives most teams reimplement badly: overlay positioning, focus trapping and live announcers, drag and drop, virtual scrolling, portals and layout breakpoints. If you are building a custom design system in Angular, the CDK is the foundation and Material is optional.
On AI tooling
Angular Material does not publish its own MCP server. The Angular CLI does ship an official one that exposes CLI capabilities to assistants like Cursor and JetBrains AI, but it is a framework tool, not a component documentation server, so do not expect accurate Material component APIs from it.
Choose it if
- You want the library that moves in lockstep with Angular releases.
- Accessibility matters. CDK-level focus and announcer handling is unusually thorough.
Look elsewhere if
- You need charts, dense data tables with export, or file upload. PrimeNG covers what Material leaves out.
- You want to escape Material Design entirely, in which case use the CDK alone.