What is AngularJS Material?

AngularJS Material is an implementation of Google's Material Design Specification (2014-2017). This project provides a set of reusable, well-tested, and accessible UI components for AngularJS developers.

AngularJS Material has entered the Long Term Support (LTS) period. Find out more.

AngularJS versus Angular?

The AngularJS Material library is a mature and stable product that is ready for production use. Developers should note that AngularJS Material works only with AngularJS 1.x. AngularJS 1.x is now in Long Term Support (LTS) mode.


The Angular Material and Component Dev Kit (CDK) libraries (for Angular v2+) can be found in the angular/components GitHub repository.

The Latest Material Design

The latest update to Material Design (video playlist) was announced at Google I/O in May, 2018 (recap blog post). For an implementation of this new Material Design Specification, please see the Angular Material project which is built for Angular developers.

Long Term Support

AngularJS Material has entered a Long Term Support (LTS) period which ends on December 31st, 2021. This date aligns with the AngularJS LTS period.

We now focus exclusively on providing fixes to bugs, in the 1.2.x branch of the library, that satisfy at least one of the following criteria:

AngularJS Material 1.1.x will get a new version, if and only if, we verify a new severe security weakness.

Learn how to report security issues here.

Change Log

Please refer to our changelog for up-to-date listings of all v1.x improvements and breaking changes.

Browser Support

AngularJS Material generally supports browsers that fall into these categories


The following table provides a more detailed view:

Browser Supported Versions
Chrome
Chrome for Android
Edge
Safari
Opera
last 2 major versions
Firefox last 2 major versions
ESR
IE
IE Mobile
11
Firefox for Android
UC
latest version
Samsung Internet 12.x
Opera for Android Mini all

Screen Reader Support

AngularJS Material is built based on the WAI-ARIA 1.0 W3C Recommendation.

AngularJS Material supports the following screen readers:

Screen Reader Supported Versions
NVDA
JAWS
2019.x
2020.x
Android Accessibility Suite 8.1.x
8.2.x
ChromeVox on Chrome OS
VoiceOver on macOS/iOS
last 2 major versions

Training Videos:

Here are some video courses that will help jump start your development with AngularJS Material.


Conference Presentations:

Here are some conference presentations that will provide overviews for your development with AngularJS Material.


These docs were generated from (v{{BUILDCONFIG.version}} - SHA {{BUILDCONFIG.commit.substring(0,7)}}) on ({{BUILDCONFIG.date}}) GMT.