Learn Bootstrap 4 with MDB

Best & free guide of responsive web design

The most comprehensive tutorial for the Bootstrap 4. Loved by over 500 000 users. Video and written versions available. Create your own, stunning website.

Start free tutorial

Material Design for Bootstrap

This template is created with Material Design for Bootstrap ( MDB ) framework.

Read details below to learn more about MDB.


400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial use.

Download Live demo

About MDB

Bootstrap 4

Thanks to MDB you can take advantage of all feature of newest Bootstrap 4.

Detailed documentation

We give you detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily.

Lots of tutorials

We care about the development of our users. We have prepared numerous tutorials, which allow you to learn how to use MDB as well as other technologies.

Watch our "5 min Quick Start" tutorial


Not enough?

Free for personal and commercial use

Our license is user-friendly. Feel free to use MDB for both private as well as commercial projects.

400+ UI elements

An impressive collection of flexible components allows you to develop any project.

600+ icons

Hundreds of useful, scalable, vector icons at your disposal.

Fully responsive

It doesn't matter whether your project will be displayed on desktop, laptop, tablet or mobile phone. MDB looks great on each screen.

MDB Magazine Template displayed on iPhone
70+ CSS animations

Neat and easy to use animations, which will increase the interactivity of your project and delight your visitors.

Plenty of useful templates

Need inspiration? Use one of our predefined templates for free.

Easy installation

5 minutes, a few clicks and... done. You will be surprised at how easy it is.

Easy to use and customize

Using MDB is straightforward and pleasant. Components flexibility allows you deep customization. You will easily adjust each component to suit your needs.


...and even more

Cross-browser compatibility

Chrome, Firefox, IE, Safari, Opera, Microsoft Edge - MDB loves all browsers; all browsers love MDB.

Frequent updates

MDB becomes better every month. We love the project and enhance as much as possible.

Active community

Our society grows day by day. Visit our forum and check how it is to be a part of our family.

jQuery 3.x

MDB is integrated with newest jQuery. Therefore you can use all the latest features which come along with it.

Modularity

Material Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS.

Technical support

We care about reliability. If you have any questions - do not hesitate to contact us.

Flexbox

MDB fully supports Flex Box. You can forget about alignment issues.

SASS files

Arranged and well documented .scss files can't wait until you compile them.