Installing Angular Material

The following two tabs change content below.
Prasad Kharkar is a java enthusiast and always keen to explore and learn java technologies. He is SCJP,OCPWCD, OCEJPAD and aspires to be java architect.

All our previous articles introduced concepts in angular 4 and explained how a simple application is created using those concepts. We did not do anything for UI experience. We have to make our apps look beautiful. Angular provides a library called angular material which is a angular compatible version of google’s material design. We are installing angular material in this article.


Installing Angular Material:

These instructions are not different from instructions provided on official site. I am just trying to explain in concise manner.

Navigate to your working directory. In my case I am working on same app we saw in previous articles.

    Install Angular Material:

run command npm install –save @angular/material. save options simply means downloaded dependencies will be included in our app’s package.json file.

Angular Material

Angular Material

Ignore the warnings they are coming because I have angular core 4.0.0 installed and angular material expects it to be 4.0.2.

 Install Angular Animations:

Angular Material Animations

Angular Material Animations

Install HammerJS:

This is required for some gestures to work.



That’s it. Installing Angular Material is done. We are ready to use it in our apps now. You should be able to see libraries in your @angular folder in node_modules.


Share Button

1 comment for “Installing Angular Material

Leave a Reply

Your email address will not be published. Required fields are marked *