Getting Started with MDB

Get started with MDBootstrap - world's most popular Material Design framework for building responsive, mobile-first websites & apps.

It will take less than 5 minutes.

Step 1 : Choose your version

500+ Basic components
5,000+ Premium components
Detailed documentation
50+ Pro sections
2 Basic Plugins
6 Pro Plugins
8 Basic modules
22 Pro modules
Premium Support
GitLab account and MDB Pro repository access

Tip: If you want free hosting for your projects & you're familiar with Command Line, install MDB via CLI.
It's the fastest way to create and host MDB projects

Step 2 : Don't miss software updates

Subscribe to MDB newsletter in order to stay up-to date with latest MDB news & updates.


I agree to receive changelog & newsletter from MDB. The administrator: StartupFlow s.c., Kijowska 7, Warsaw. Data processed following the Privacy Policy.

Step 3 : Install it

1. After downloading everything is ready to start
The folder contains both core bootstrap files and our framework files. Everything is linked and ready to use. Just open the file index.html and start creating amazing things!

2. Components can be found in the documentation
In the menu on the left, you will find a list of all components you can use with our framework. Explore and have fun!

3. Additional designs, code snippets & ready to use examples
You'll find community-developed components & features in the Snippets module. Fork them, customize and make them your own!

Need help? Watch "5 min Quick Start"

Step 4 : Sign up

Create a free account in order to get technical support on our community forum & gain access to additional code snippets, prototyping tools, free project hosting with CLI & much more.

Sign up

Step 5 : Don't stop learning

Standard Bootstrap

Start tutorial


Start tutorial

Step 6 : Follow & support MDB on social media

Follow us on social media in order to get a glimpse into the MDB events, special announcements & discounts.

Like & follow our FB fanpage

Like now

Leave a star & watch our repo

Star now

Follow & ring bell on Twitter

Follow now

Step 7 : Have a look at our additional resources

Step 8 : Try PRO components

Design & play with PRO components via the Snippets editor.

Click the button below, name your project & click "Save" in order to start prototyping your design!

Play with Pro components now!