Skip to content
Related Articles

Related Articles

Improve Article

Materialize | Introduction and Installation

  • Difficulty Level : Basic
  • Last Updated : 31 Dec, 2019

Introduction: Materialize is a design language that combines the classic principles of successful design along with innovation and technology. Materialize is created and designed by Google. Google’s goal is to develop a system of design that allows for unified user experience across all its products on any platform.

Why Materialize ?

  • It is Easier to use.
  • It makes the web-page dynamic and responsive.
  • It makes the web-page which is compatible in Mobile, Tablets, Laptop as well.
  • Freely available on

Materialized comprises of mainly three components:

  • HTML
  • CSS
  • Javascript

Basic HTML Template:

<!DOCTYPE html> 
<html lang="en"
    <meta charset="utf-8"
    <title>Learning Materialize</title
    <meta name="description" content="Hello World"
    <div> Hello World!</div
    <div> You're learning Materialize on</div

Installing Materialize: There are two methods to install the Materialize.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :