The goal of the Angular Material project is to provide a collection of useful and standard-setting high-quality user interface (UI) components. The library implements Google's Material Design specification, which is pervasive in Google's mobile apps, web properties, and Android operating system. Material Design does has a particular digital and boxy look and feel, but it is not just another CSS library, like Bootstrap is. Consider the login experience coded using Bootstrap here:
![](https://static.packt-cdn.com/products/9781786462909/graphics/assets/56b5efb4-a4c0-433e-ab0d-604e0831e7cf.png)
Note that input fields and their labels are on separate lines, the checkbox is a small target to hit, the error messages are displayed as an ephemeral toast notification, and the submit button just sits in the corner. Now consider the given Angular Material sample:
![](https://static.packt-cdn.com/products/9781786462909/graphics/assets/f4d79a7f-aaed-4d65-9f60-dd05562e57cb.png)
The input fields and their labels are initially combined...