Angular Material

aid: angular-material
url: https://raw.githubusercontent.com/api-evangelist/angular-material/refs/heads/main/apis.yml
apis:
- 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.
- aid: angular-material:angular-cdk-api
  name: Angular CDK API
  tags:
  - Accessibility
  - CDK
  - Component Development
  - Drag And Drop
  - Overlay
  - Utilities
  - Virtual Scroll
  image: https://kinlane-images.s3.amazonaws.com/shared/apis-json/apis-json-logo.jpg
  baseURL: https://material.angular.dev/cdk
  humanURL: https://material.angular.dev/cdk/categories
  properties:
  - url: https://material.angular.dev/cdk/categories
    type: Documentation
  - url: https://github.com/angular/components
    type: GitHub
  - url: https://www.npmjs.com/package/@angular/cdk
    type: PackageRegistry
  description: The Angular Component Dev Kit (CDK) provides behavior primitives for building custom accessible UI components
    without Material Design styling. Includes overlay positioning, drag-and-drop, virtual scrolling, focus management, accessibility
    utilities, bidirectionality support, text field helpers, and clipboard utilities.
name: Angular Material
tags:
- Accessibility
- Angular
- Frontend
- Material Design
- Material Design 3
- Open-Source
- TypeScript
- UI Components
tags_raw:
- Accessibility
- Angular
- Frontend
- Material Design
- Material Design 3
- Open Source
- TypeScript
- UI Components
type: Index
deliveryModel:
  model: unknown
  license: MIT License
  open_source: false
  commercial: false
  callable_host: false
  label: Delivery model not determined — needs a product licence on record
  confidence: low
  source:
  - license
  generated: '2026-08-28'
  method: derived
accessModel:
  pricing: freemium
  onboarding: unknown
  trial: false
  try_now: false
  public: false
  label: Freemium
  confidence: medium
  source:
  - plans
  generated: '2026-07-22'
  method: derived
image: https://kinlane-images.s3.amazonaws.com/shared/apis-json/icons/angular-material.png
access: Open Source
common:
- type: DomainSecurity
  url: security/angular-material-domain-security.yml
- url: https://material.angular.dev/
  name: Angular Material Website
  type: Website
- url: https://github.com/angular/components
  name: Angular Components GitHub Repository
  type: GitHub
- url: https://github.com/angular/components/blob/main/CHANGELOG.md
  name: Changelog
  type: ChangeLog
- url: https://blog.angular.dev/
  name: Angular Blog
  type: Blog
- url: https://material.angular.dev/guide/getting-started
  name: Getting Started Guide
  type: GettingStarted
- url: https://material.angular.dev/guide/theming
  name: Theming Guide
  type: Guide
- url: https://material.angular.dev/guide/accessibility
  name: Accessibility Guide
  type: Accessibility
- url: https://www.npmjs.com/package/@angular/material
  name: Angular Material on npm
  type: PackageRegistry
- url: https://www.npmjs.com/package/@angular/cdk
  name: Angular CDK on npm
  type: PackageRegistry
- url: https://github.com/angular/components/blob/main/LICENSE
  name: MIT License
  type: License
- url: https://github.com/angular/components/blob/main/CONTRIBUTING.md
  name: Contributing Guide
  type: Contributing
- url: https://stackoverflow.com/questions/tagged/angular-material
  name: Stack Overflow Angular Material Tag
  type: StackOverflow
- url: https://discord.gg/angular
  name: Angular Discord
  type: Discord
- url: https://twitter.com/angular
  name: Angular on Twitter
  type: X
- type: LlmsText
  url: https://angular.dev/llms.txt
created: '2024-01-01'
modified: '2026-04-19'
specificationVersion: '0.23'
description: Angular Material is the official Material Design component library for Angular applications, maintained by the
  Angular team at Google. It provides over 30 accessible UI components implementing Material Design 3 (M3) with design tokens,
  a theming system based on CSS custom properties, and the Angular Component Dev Kit (CDK) with behavior primitives for custom
  component development. Angular Material is published on npm as @angular/material and @angular/cdk.