Angular Material

Angular Material Components API

Angular Material is a comprehensive UI component library implementing Material Design for Angular applications. Since Angular 18, Angular Material fully supports Material Design 3 (M3) with design tokens implemented as CSS custom properties, a powerful theming system with color, typography, and shape customization, and over 30 accessible UI components including buttons, cards, dialogs, forms, navigation, data tables, and more.

GitHub

Documentation

📖
Documentation
https://material.angular.dev/components/categories
📖
GettingStarted
https://material.angular.dev/guide/getting-started

Other Resources

🔗
GitHub
https://github.com/angular/components
🔗
PackageRegistry
https://www.npmjs.com/package/@angular/material
🔗
Guide
https://material.angular.dev/guide/theming
🔗
Accessibility
https://material.angular.dev/guide/accessibility
🔗
ChangeLog
https://github.com/angular/components/blob/main/CHANGELOG.md
🔗
APIsJSON
https://raw.githubusercontent.com/api-evangelist/angular-material/refs/heads/main/apis.yml

API entry from apis.yml

apis.yml Raw ↑ 
aid: angular-material:angular-material-components-api
name: Angular Material Components API
tags:
- Accessibility
- Angular
- Components
- Material Design
- Material Design 3
- TypeScript
- UI Components
image: https://kinlane-images.s3.amazonaws.com/shared/apis-json/apis-json-logo.jpg
baseURL: https://material.angular.dev
humanURL: https://material.angular.dev/components/categories
properties:
- url: https://material.angular.dev/components/categories
  type: Documentation
- url: https://material.angular.dev/guide/getting-started
  type: GettingStarted
- url: https://github.com/angular/components
  type: GitHub
- url: https://www.npmjs.com/package/@angular/material
  type: PackageRegistry
- url: https://material.angular.dev/guide/theming
  type: Guide
- url: https://material.angular.dev/guide/accessibility
  type: Accessibility
- url: https://github.com/angular/components/blob/main/CHANGELOG.md
  type: ChangeLog
description: Angular Material is a comprehensive UI component library implementing Material Design for
  Angular applications. Since Angular 18, Angular Material fully supports Material Design 3 (M3) with
  design tokens implemented as CSS custom properties, a powerful theming system with color, typography,
  and shape customization, and over 30 accessible UI components including buttons, cards, dialogs, forms,
  navigation, data tables, and more.