- Home
- UI Kit Libraries
- Angular Material
Angular Material
What it is
Angular Material is a free web library of Material Design UI components for Angular applications. Add it with the Angular CLI command `ng add @angular/material`, then select a prebuilt theme or configure a custom theme. Setup can add global typography styles, the Roboto font, and Material Symbols. Schematics can generate components such as navigation, tables, and address forms. The Angular CDK supplies tools for creating custom components around common interaction patterns. The Angular Components team describes the components as internationalized and accessible, with listed screen-reader combinations spanning Windows, macOS, iOS, Android, and Chrome OS. Support covers the most recent two versions of Chrome, Firefox, Safari, and Edge. The project follows Angular’s release policy. It focuses on UI components rather than application layout, and Shadow DOM is not officially supported.
For and against
For
- Free plan with MIT license
- Prebuilt or custom theme setup
- Schematics generate navigation and tables
- Accessibility and internationalization guidance
- Supports recent Chrome, Firefox, Safari, and Edge
Against
- No application layout support
- Shadow DOM is not officially supported
The verdict
Angular Material provides a focused component library with theme setup, generated building blocks, and CDK utilities. It is suited to Angular projects that can work within its component scope and Shadow DOM limitation.
Who it suits
It suits Angular developers who want Material Design components, themes, generated UI building blocks, and CDK tools for custom components.
Plans and prices
Angular Material
Angular UI component library · MIT license
Read 8 Oct 2026 · github.com
On the record
- Accessibility and internationalization
- The Angular Components team describes its components as internationalized and accessible, and lists screen reader combinations it aims to support across Windows, macOS, iOS, Android, and Chrome OS.github.com · read 8 Oct 2026
- Browser support
- The team supports the most recent two versions of Chrome, Firefox, Safari, and Edge.github.com · read 8 Oct 2026
- Component Dev Kit
- The Angular CDK provides tools for authoring custom UI components with common interaction patterns.github.com · read 8 Oct 2026
- Generated components
- Additional schematics can generate prebuilt components such as navigation, tables, and address forms.github.com · read 8 Oct 2026
- Installation
- Angular Material can be added to an application with the Angular CLI command `ng add @angular/material`.github.com · read 8 Oct 2026
- Layout scope
- The project focuses on UI components and does not provide application layout support.github.com · read 8 Oct 2026
- Purpose
- Angular Material provides Material Design UI components for Angular applications.github.com · read 8 Oct 2026
- Release support
- Angular Material and the CDK follow the Angular framework's support and release policy.github.com · read 8 Oct 2026
- Security reporting
- The project directs vulnerability reports to Google's Open Source Software Vulnerability Reward Program.github.com · read 8 Oct 2026
- Setup options
- The installer can add global typography styles, the Roboto font, and the Material Symbols icon font.github.com · read 8 Oct 2026
- Shadow DOM limitation
- Shadow DOM is not officially supported, though the team makes a best effort to keep components working in such applications.github.com · read 8 Oct 2026
- Support scope
- The team says it can generally answer quick questions but does not have resources for hands-on debugging support.github.com · read 8 Oct 2026
- Themes
- The installation guide lets developers choose a prebuilt theme or configure a custom theme.github.com · read 8 Oct 2026
