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
10,000+ Premium components
Detailed documentation
50+ Pro Sections
4 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 publish 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.

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

Leave a star & watch our repo

Star MDB

Follow & ring bell on Twitter