NPM

Prerequisites

Before starting project make sure to install Node LTS (14.x.x recommended).

Installation

Note: Installing MDB in an existing project is the same. Just install mdb-ui-kit using npm and import the JS and CSS files in your project

To install MDB UI KIT in your project easily type the following command in terminal: 

npm i mdb-ui-kit

Importing JS modules

You can import the entire library or just individual modules:

import * as mdb from 'mdb-ui-kit'; // lib
import { Input } from 'mdb-ui-kit'; // module

Importing CSS file

To import MDB stylesheet please use the following syntax:

@import '~mdb-ui-kit/css/mdb.min.css';

Add Font Awesome and Roboto font:

Into the <head> tag in your HTML file copy:

<!-- Font Awesome -->
<link
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
  rel="stylesheet"
/>
<!-- Google Fonts -->
<link
  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
  rel="stylesheet"
/>