Material Design for Bootstrap

Material Design for Bootstrap


Powerful and free Material Design UI KIT


400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more.

All fully responsive. All compatible with different browsers.

View components Download


Google has designed a Material Design to make a web more beautiful and more user-friendly.

Twitter has created a Bootstrap to support you in faster and easier development of responsive and effective websites.

We present you a framework containing the best features of both of them - Material Design for Bootstrap.


Ready for a little magic?

Compare how easly MDB changes a Bootstrap elements



And it's only a beginning.


At your disposal are hundreds of beautiful components, templates, animations, effects and helpers.

Everything fully responsive, compatibile with different browsers and childishly easy to use




Main features:


Bootstrap 4 or 3


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

...or, if you prefer, use mature and still marvelous Bootstrap 3.

Detailed documentation


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

Lots of tutorials


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



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


Impressive collection of flexible components allows you to develop any project.

600+ icons


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

70+ CSS animations


Neat and easy to use animations, which will increase 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 ease it is.

Easy to use and customize


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

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.



..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.

Technical support

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

Active community

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

Flex box

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

jQuery 2.2.3

MDB is integrated with newest jQuery, therefore you can use all the newest features which comes along with it.

SASS files

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

Useful helpers

We are web developers, we really know which issues are the most annoying in our daily work. Helpers included in MDB will solve lot of them and make your life easiers.



What people say about MDB?






Detailed list of components and features














Are you ready to start a 5 minute installation?