Angular Material

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.

Angular Material publishes 2 APIs on the APIs.io network. Tagged areas include Accessibility, Angular, Frontend, Material Design, and Material Design 3.

Angular Material’s developer surface includes GitHub presence, changelog, engineering blog, getting-started guide, Stack Overflow tag, and 11 more developer resources.

🌐 Visit website 📡 Source on GitHub

25.8/100 emerging ▬ flat Agent 7/100 human only Full breakdown ↓
scored 2026-07-21 · rubric v0.4

2 APIs 0 Features

AccessibilityAngularFrontendMaterial DesignMaterial Design 3Open SourceTypeScriptUI Components

API Rating

API Evangelist Rating How this is scored →
scored 2026-07-21 · rubric v0.4

Composite quality — 25.8/100 · emerging

Contract Quality 0.0 / 25

Developer Ergonomics 2.6 / 20

Commercial Clarity 7.9 / 20

Operational Transparency 6.8 / 13

Governance 0.0 / 12

Discoverability 8.5 / 10

Agent readiness — 7/100 · human only

Machine-Readable Contract 0 / 18

Agentic Access Contract 0 / 15

MCP Server 0 / 12

Machine-Readable Auth 0 / 10

Idempotency 0 / 9

Stable Error Semantics 0 / 8

Request/Response Examples 0 / 7

Rate-Limit Signaling 7 / 7

Typed Event Surface 0 / 6

Agent Skills 0 / 5

Well-Known Catalog 0 / 4

Consent & Bot Identity 0 / 3

Improve this rating by publishing the missing artifacts — every area above can be raised, and the full rubric is at apis.io/rating/. This rating is computed from github.com/api-evangelist/angular-material: open an issue to ask a question, or submit a pull request to add artifacts. Want it done for you? Prioritized profiling — $2,500 →

Get Started 3

Portal, sign-up, and the first successful call

GettingStarted

GettingStarted

PackageRegistry

PackageRegistry

PackageRegistry

PackageRegistry

Documentation 1

Reference material describing how the API behaves

Guide

Guide

Agent Surfaces 1

MCP servers, agent skills, and machine-readable catalogs

LlmsText

LlmsText

Build 1

SDKs, sample code, and the tooling you integrate with

GitHub

GitHub

Access & Security 1

Authentication, authorization, and security posture

DomainSecurity

DomainSecurity

Operate 3

Status, limits, changes, and where to get help

ChangeLog

ChangeLog

StackOverflow

StackOverflow

Discord

Discord

Commercial 1

Pricing, plans, and the legal terms of use

License

License

Company 2

The organization behind the API

Website

Website

Blog

Blog

Other 3

Properties that don't map to a standard resource type

Accessibility

Accessibility

Contributing

Contributing

Source (apis.yml)

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
type: Index
image: https://kinlane-images.s3.amazonaws.com/shared/apis-json/apis-json-logo.jpg
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.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.

Angular Material

API Rating

APIs

Angular Material Components API

Angular CDK API

Pricing Plans

Angular Material Plans Pricing

Rate Limits

Angular Material Rate Limits

FinOps

Angular Material Finops

Resources