Select Page

How to Install MaterializeCSS in Angular

by | Apr 30, 2023 | Angular, Code, Materialize CSS, Uncategorized | 0 comments

How to install Materialize CSS in Angular

Materialize CSS has been a great tool for quick and elegant front-end development. I originally wrote this post to show you how to install the vanilla Materialize CSS in Angular (still here in the second section ) however, I discovered the open source project: ngx-materalize and I highly recommend using this package if you are using Materialize CSS with Angular. It may not be as quick to get started, but in the long run you will end up saving a bunch of time and frustration using it’s built-in features. It makes development much cleaner and easier than the vanilla version. Here’s how you can install it.


  1. Once you’ve created your project, open up your terminal and run:
npm install --save ngx-materialize

This installs Materailize CSS, jQuery and the added features of ngx-materalize.

2. Open up your angular.json file and add the style and scripts.

"styles": [ "src/styles.css", "node_modules/materialize-css/dist/css/materialize.min.css" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/materialize-css/dist/js/materialize.min.js" ]

Other Work

Lanuge LMS

REal Esate

Fitness Tracker

Mobile Intranet

Have a Project in Mind?

Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Praesent sapien