
Angular Material
Angular Material is a free library of Material Design UI components for Angular applications.
What Angular Material is
Angular Material is a free library of Material Design UI components for Angular applications. Developers can add it with the Angular CLI command `ng add @angular/material`, then choose a prebuilt theme or configure a custom one. Setup can also add global typography styles, the Roboto font, and Material Symbols. Additional schematics generate components such as navigation, tables, and address forms. The Angular CDK supplies tools for building custom components around common interaction patterns. The Angular Components team describes its components as accessible and internationalized, and lists screen-reader combinations it aims to support across Windows, macOS, iOS, Android, and Chrome OS. Browser support covers the latest two versions of Chrome, Firefox, Safari, and Edge. Angular Material and the CDK follow Angular's release and support policy. The library focuses on UI components rather than application layout. Shadow DOM is not officially supported, though the team makes a best effort to keep components working in such applications. It is web-based, has a free plan, and is listed with an MIT license.
Good
- Free Angular UI component library
- Includes prebuilt and custom theme options
- Schematics generate navigation, tables, and forms
- Components are described as accessible and internationalized
Watch out
- Does not provide application layout support
- Shadow DOM is not officially supported
- Supports only the latest two browser versions
Who it suits
It suits Angular developers who want Material Design components, theme setup options, or tools for creating custom UI components. It is less suited to projects that need application layout support or official Shadow DOM support.
Verdict
Angular Material offers a free set of UI components with setup tools and a companion CDK. Its scope and Shadow DOM limitation are worth considering when choosing components for an application.
Plans and prices
From Angular Material's own pricing page, checked 8 Oct 2026.
| Plan | Price | What it gives you |
|---|---|---|
| Angular Material | Free | Angular UI component library · MIT license |
The facts
Each one read from Angular Material's own pages, with the date it was checked.
What it does
- 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.checked 8 Oct 2026
- Component Dev Kit
- The Angular CDK provides tools for authoring custom UI components with common interaction patterns.checked 8 Oct 2026
- Generated components
- Additional schematics can generate prebuilt components such as navigation, tables, and address forms.checked 8 Oct 2026
- Installation
- Angular Material can be added to an application with the Angular CLI command `ng add @angular/material`.checked 8 Oct 2026
- Layout scope
- The project focuses on UI components and does not provide application layout support.checked 8 Oct 2026
- Purpose
- Angular Material provides Material Design UI components for Angular applications.checked 8 Oct 2026
- Release support
- Angular Material and the CDK follow the Angular framework's support and release policy.checked 8 Oct 2026
- Security reporting
- The project directs vulnerability reports to Google's Open Source Software Vulnerability Reward Program.checked 8 Oct 2026
- Setup options
- The installer can add global typography styles, the Roboto font, and the Material Symbols icon font.checked 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.checked 8 Oct 2026
- Support scope
- The team says it can generally answer quick questions but does not have resources for hands-on debugging support.checked 8 Oct 2026
- Themes
- The installation guide lets developers choose a prebuilt theme or configure a custom theme.checked 8 Oct 2026
Where it runs
- Browser support
- The team supports the most recent two versions of Chrome, Firefox, Safari, and Edge.checked 8 Oct 2026
Alternatives to Angular Material
- 1
Figma Wireframe Kit
Free planAndroidiOSWebAPI8.0From $3 a month - 2

Ant Design Icons
Free planAndroidiOSWeb7.1Free plan - 3

Shopify
Web7.1From $29 a month - 4

GitHub Primer
Free planOpen sourceWebAPI7.0Free plan - 5

MUI
Free planWeb6.8From $299 a year - 6
Shadcn Studio Figma UI Kit
Free planWeb6.7$99 one-time
