Materialize Installation

Materialize Installation(Environment Setup): It is very easy to setup environment for Materialize Css. Here in this tutorial we are going to explain how you can install Materialize Css. –

Materialize Installation Steps

There are two ways to install Materialize –

  • Install Locally: To install Materialize Locally Download materialize.min.css and materialize.min.js and include it on page.
  • CDN Based Installation: You can also install materialize from CDN based network. You can directly include the files from Content Delivery Networks.

Install Locally:

To install locally download the materialize.min.css and materialize.min.js from And keep them in js and css folder and simply include as below –

Materialize Installation Steps:

jQuery is required so do not forget to include it.

CDN Based Installation

You can also install materialized css and js from CDN simply as below –

Materialize CDN URL Based Installation Example:

Now you are ready to go and You can create your first page in Materialize.
So let us create an example.


Let us create an example using the CDN based installation of Materialize Css and Js.

Materialize First Application Example:

Try it ยป

Materialize Installation Steps Cdn Based Example