Free UI/UX design course

Learn how to create exceptional designs by reading my new tutorial.

Start learning

MDB CLI


Installation via MDB CLI is the most efficient way to use MDB. It enables options such as:

  • Free hosting (supports custom domains, SSL, FTP access)
  • Install any MDB package with a single command Bootstrap Logo Angular Logo React Logo Vue Logo JavaScript Logo jQuery Logo
  • Easy updates with a single command
  • Backend starter templates (Laravel, plain PHP, node.js & more)
  • WordPress setup in 3 minutes (blog, ecommerce or blank project)
  • Git repository for you and your team
Note: If you already have Node.js installed, an MDB account created and MDB CLI installed, you can skip steps 1, 2, 3 and go straight to step 4.

Step 1 - install Node.js
Skip this step if you already have Node.js installed.

To run MDB command line (a.k.a. MDB CLI) on your computer you need Node.js.

To install it go to the https://nodejs.org/ and click the button to download it.

You will see 2 buttons there - LTS on the left, and Current on the right. It does not really matter what version do you chose, but just to simply not to overthink it choose the version on the right ("Current").

Once downloaded, run the file, accept the terms and just click "Next" until the installation is complete.

After the installation is complete, you can see the terminal window as in the screenshot below. Click any button to proceed.

Now let's check if the installation was successful. Launch the terminal (if you are using Windows, type "cmd" in the system search and run Command Line app / on MacOS, search for the "terminal" application).

Then type node -v in the terminal and click enter. You should see the version of the installed node.js software like on the screen below.

Note: Your version may be different as an update may have come out since this tutorial was published
Step 2 - create MDB account
Skip this step if you already have an MDB account (which you set up at mdbootstrap.com or mdbgo.com )

To use MDB CLI you need an MDB account. You can create them for free at this link.

It is best if you register using your email address. This will make it easier for you to use your account in the terminal afterwards.

Fill out the form, register and confirm your email address.

Step 3 - install MDB CLI
Skip this step if you already have MDB CLI installed.

MDB CLI is a tool that will allow you to manage your projects and publish them to the Internet using a terminal on your computer.

Launch a terminal and enter the following command. Then confirm it by clicking enter.

        
            
  
        npm install -g mdb-cli
  
      
        
    

Enter the mdb -v command in the terminal to check if the MDB CLI was installed correctly. If, like in the screenshot below, you see the version number (remember that it may differ) then everything is fine.

Step 4 - log in to the MDB account in the terminal

To log in to MDB CLI, in the terminal type the mdb login command and press enter.

Then enter your username and password that you set when registering your MDB account.

Step 5 - download MDB package via CLI

In the terminal, navigate to the location on your computer where you want to place the MDB package.

For example, I want to download an MDB package to my desktop.

To go to the selected path in the terminal, type the cd command and then type the path you want to go to.

Then type mdb init command and click the down arrow and select "Standard" option.

Click enter and the MDB Standard package will be downloaded to the path you chose in the terminal.

The latest MDB package has been downloaded to your computer and you didn't even have to go to any website and struggle with looking for the right files to download!

This is just the beginning of the potential of the MDB CLI, but we'll explore more advanced features in future lessons.


I recommend you to rename the folder with the downloaded MDB package.

The original name of the downloaded package may looks something like:

MDB5-STANDARD-UI-KIT-Free-6.0.0 or mdb5-free-standard

Change it to something simpler, such as:

mdb-uikit-tutorial



John Doe

About author

Michal Szymanski

Co Founder at MDBootstrap / Listed in Forbes „30 under 30" / Open-source enthusiast / Dancer, nerd & book lover.

Author of hundreds of articles on programming, business, marketing and productivity. In the past, an educator working with troubled youth in orphanages and correctional facilities.