Login with:


Not a member? Sign Up

Forgot Password?

Signup with:


Already have an account? Log in

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 easy 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?