
About Angular Material
Angular Material is a set of Material Design components for Angular apps. It is built by the Angular team and integrates with Angular forms and the Component Dev Kit.
What it does
Angular Material provides accessible components such as datepickers, input fields, slide toggles, sliders and buttons. A theming system lets you customize colors and typography, and the customization stays within the bounds of the Material Design specification. The CDK provides building blocks for creating your own components with common interaction patterns. The site also includes guides on theming, custom form fields and steppers, along with component harnesses for writing tests.
Key features
- Material Design components for Angular
- Theming system for colors and typography
- Component test harnesses
- Schematics to generate views quickly
- Angular CDK for custom components
Who it's for
Angular teams that want Material Design with official support from the framework team. Developers who need a well tested, well documented set of components will find the guides and harnesses especially useful for larger projects.
Pricing and good to know
Angular Material is open source under the MIT license, so it is free to use. Customization happens within the Material Design specification, so large visual changes can be harder than with a fully custom library. The project is built to integrate with Angular's own tooling and release cycle.
Highlights
- Material Design components for Angular
- Theming system for colors and typography
- Component test harnesses for tests
- Schematics to generate views quickly
- Angular CDK for building custom components












