EVERYTHING XIAOMI
Get listed
Angular Material logo

Angular Material

Angular Material is a free library of Material Design UI components for Angular applications.

Place
#17 of 26
Score
5.9
Angular Material's website

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.

All about pricing
PlanPriceWhat it gives you
Angular MaterialFreeAngular 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

All alternatives
  1. 1

    Figma Wireframe Kit

    Free planAndroidiOSWebAPI
    8.0From $3 a month
  2. 2Ant Design Icons logo

    Ant Design Icons

    Free planAndroidiOSWeb
    7.1Free plan
  3. 3Shopify logo
    7.1From $29 a month
  4. 4GitHub Primer logo

    GitHub Primer

    Free planOpen sourceWebAPI
    7.0Free plan
  5. 5MUI logo

    MUI

    Free planWeb
    6.8From $299 a year
  6. 6
    6.7$99 one-time