Skip to content
SPECIFICTION
Get listed

Angular Material

material.angular.dev

Free plan Web
Visit material.angular.dev
Spec score 7.8 #10 of 26 in UI Kit Libraries

What it is

Angular Material is a free library of Material Design UI components for Angular applications. Add it with the Angular CLI command `ng add @angular/material`, then choose a prebuilt theme or configure a custom theme. Setup can add global typography styles, the Roboto font, and Material Symbols. Schematics generate prebuilt pieces such as navigation, tables, and address forms. The Angular CDK supplies tools for authoring custom components around common interaction patterns. The Angular Components team describes the components as accessible and internationalized, with listed screen-reader combinations spanning Windows, macOS, iOS, Android, and Chrome OS. Supported browsers are the most recent two versions of Chrome, Firefox, Safari, and Edge. Angular Material and the CDK follow Angular’s release and support policy. The project focuses on UI components, not application layout. Shadow DOM is not officially supported, although the team aims to keep components working there. The plan is free, with an MIT license.

Spec sheet

Purpose
Angular Material provides Material Design UI components for Angular applications.Read 8 Oct 2026 · github.com
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.Read 8 Oct 2026 · github.com
Browser support
The team supports the most recent two versions of Chrome, Firefox, Safari, and Edge.Read 8 Oct 2026 · github.com
Component Dev Kit
The Angular CDK provides tools for authoring custom UI components with common interaction patterns.Read 8 Oct 2026 · github.com
Generated components
Additional schematics can generate prebuilt components such as navigation, tables, and address forms.Read 8 Oct 2026 · github.com
Installation
Angular Material can be added to an application with the Angular CLI command `ng add @angular/material`.Read 8 Oct 2026 · github.com
Layout scope
The project focuses on UI components and does not provide application layout support.Read 8 Oct 2026 · github.com
Release support
Angular Material and the CDK follow the Angular framework's support and release policy.Read 8 Oct 2026 · github.com
Security reporting
The project directs vulnerability reports to Google's Open Source Software Vulnerability Reward Program.Read 8 Oct 2026 · github.com
Setup options
The installer can add global typography styles, the Roboto font, and the Material Symbols icon font.Read 8 Oct 2026 · github.com
Shadow DOM limitation
Shadow DOM is not officially supported, though the team makes a best effort to keep components working in such applications.Read 8 Oct 2026 · github.com
Support scope
The team says it can generally answer quick questions but does not have resources for hands-on debugging support.Read 8 Oct 2026 · github.com
Themes
The installation guide lets developers choose a prebuilt theme or configure a custom theme.Read 8 Oct 2026 · github.com

Plans and prices

Angular Material Free Angular UI component library · MIT license Read 8 Oct 2026 · github.com

Every Angular Material plan and price →

Strong points and limits

Strong points

  • Prebuilt and custom theme options
  • CDK supports custom component authoring
  • Accessibility and internationalization guidance
  • Schematics generate navigation and tables
  • MIT license

Limits

  • Does not provide application layout support
  • Shadow DOM is not officially supported

Who it suits

It suits Angular developers building interfaces with Material Design components, themes, generated UI pieces, and CDK interaction patterns. Teams needing application-layout support or officially supported Shadow DOM should note the stated scope.

Verdict

Angular Material combines ready-made Angular components with the CDK for custom interaction patterns, at no listed cost. Its boundaries are explicit: layout work is outside scope, Shadow DOM lacks official support, and debugging help is limited.

Where Specifiction places it

Alternatives to Angular MaterialAll alternatives →