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-productions2.s3.amazonaws.com/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-productions2.s3.amazonaws.com/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
type: Index
image: https://kinlane-productions2.s3.amazonaws.com/apis-json/apis-json-logo.jpg
access: Open Source
common:
  - 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
created: '2024-01-01'
modified: '2026-04-19'
specificationVersion: '0.19'
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.