Skip to main content
Angular Components Hero

​
Welcome to Angular Components

Angular Components is the official library of UI components for Angular applications, built and maintained by the Angular team at Google. It provides a comprehensive suite of high-quality, reusable components that implement Google’s Material Design specification.

​
Component Libraries

The Angular team maintains several packages, each designed for specific use cases:

@angular/material

Material Design UI components for Angular applications. Includes buttons, forms, navigation, data tables, and more.

@angular/cdk

Component Dev Kit (CDK) - A library that helps you author custom UI components with common interaction patterns.

@angular/aria

Collection of headless, accessible directives that implement common WAI-ARIA patterns for building accessible applications.

@angular/google-maps

Angular components built on top of the Google Maps JavaScript API for integrating maps into your application.

@angular/youtube-player

Angular component built on top of the YouTube Player API for embedding YouTube videos.

​
Key Features

All components are built with accessibility in mind, following WAI-ARIA best practices. They support screen readers, keyboard navigation, and high contrast modes to ensure all users can use them.
Components provide clear, intuitive APIs that don’t confuse developers. They follow Angular best practices and integrate seamlessly with Angular forms and routing.
Every component is thoroughly tested with both unit and integration tests. The behavior is reliable across a wide variety of use cases.
Customize component appearance with a powerful theming system based on Material Design tokens. Switch between light and dark modes, adjust typography, and control density.
Components are designed with performance in mind, minimizing bundle size and runtime cost.
Used by thousands of applications worldwide, including Google products. The code is clean, well-documented, and maintained by the Angular team.

​
Browser Support

Angular Components supports the most recent two versions of all major browsers:
  • Chrome (including Android)
  • Firefox
  • Safari (including iOS)
  • Edge

​
Screen Reader Support

We aim for great user experience with the following screen readers:
  • Windows: NVDA and JAWS with Firefox / Chrome
  • macOS: VoiceOver with Safari / Chrome
  • iOS: VoiceOver with Safari
  • Android: Android Accessibility Suite (formerly TalkBack) with Chrome
  • Chrome OS: ChromeVox with Chrome

​
Quick Start

Installation

Get started by installing Angular Material in your Angular application.

Quick Start Guide

Build your first app with Material components in minutes.

Theming

Learn how to customize the appearance of your components with theming.

Schematics

Use Angular CLI schematics to generate pre-built components.

​
Community and Support

GitHub

Report issues, contribute, and view the source code.

Stack Overflow

Ask questions and get help from the community.

Community Google Group

Discuss Angular Material with other developers.

Contributing Guide

Learn how to contribute to Angular Components.

Build docs developers (and LLMs) love

Get started for freeTalk to us