Material Design for Bootstrap (React version)

The most popular UI KIT for building responsive, mobile-first websites and apps - free for personal & commercial use.

500+ material UI elements, 600+ material icons, 75+ CSS animations, 3 + useful plugins, SASS files, templates, tutorials and many more.

Get started Quick demo

- trusted by 3,000,000+ developers and designers

nasa - logo
amazon - logo
Nike - logo
ikea - logo
kpmg - logo
sony - logo
unity - logo
samsung - logo
airbus - logo
yahoo - logo
deloitte - logo
ge - logo

Watch our "5 min Quick Start" tutorial

Latest Bootstrap

Thanks to MDB you can take advantage of all features of the latest version of Bootstrap. MDB is updated & integrated every two weeks!

Detailed documentation

Easily implement your ideas with a detailed, user-friendly documentation at your disposal. You're able to adopt the quick, copy-paste approach or learn the insdide outs of every component.

React v. 16

MDB is integrated with the latest version of React. Therefore you can use all the latest features which come with it.

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.

500+ UI elements

Our impressive collection of beautiful, flexible components allows you to develop any kind of 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 a desktop, laptop, tablet or mobile phone. MDB looks great on every type of screen.

75+ CSS animations

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

Gorgeous templates

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

3+ useful plugins

Video, edge header and other useful bootstrap addons that will help you save time & effort!

Easy to use & customize

Using MDB is straightforward and pleasant. Our flexible components allow deep customization. You will easily be able to adjust each component to suit your needs.

...and even more

Cross-browser compatibility

Chrome, Firefox, Safari, Opera, Microsoft Edge - MDB loves all modern browsers.

Frequent updates

MDB gets better with every update. 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.


Use an HTML based syntax for raw JavaScript.


MDB comes with compiled, ready to use libraries including the full feature set 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.


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

SASS files

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

MDB Admin Dashboard displayed on iPad

Are you ready to start a 5-minute installation?

More free solutions

Tutorials & education

More Web Development Technologies

Note: This is the default MDB version based on React. If you use other technologies have a look at:

MD Bootstrap jQuery
jQuery logo Learn more
MD Bootstrap Angular
Angular logo Learn more
MD Bootstrap Vue
Vue logo Learn more