Skip to content
Material Design for Bootstrap - Powerful and free UI KIT for Bootstrap 4
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Release 4.8.7 Jul 23, 2019
font/roboto 4.5.12 release Oct 5, 2018
img 4.8.1 Release May 13, 2019
js Release 4.8.7 Jul 23, 2019
scss Release 4.8.7 Jul 23, 2019
.gitignore update bower file Aug 11, 2017 Added Feb 15, 2018 Created Contributing guidelines Feb 23, 2018 Created issue template. Feb 26, 2018
License.pdf 4.6.1 release Jan 3, 2019 Update Jun 13, 2019
README.txt Release 4.8.7 Jul 23, 2019
Useful_Resources.pdf Release 4.8.7 Jul 23, 2019
index.html 4.8.2 release May 24, 2019
license.txt Update license.txt Jan 4, 2019
package.json Fix package.json version Jul 23, 2019

Material Design for Bootstrap 4

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

Trusted by 1 000 000+ developers & designers. Used by such a companies like Nike, Samsung, Amazon, Ikea, Sony and NASA.

Downloads License cdnjs npm


💎 Thanks to MDB you can take advantage of all feature of latest version of Bootstrap 4.⠀⠀⠀⠀⠀ ✔️
🎓 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.⠀⠀⠀⠀⠀⠀⠀⠀⠀ ✔️
📱 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. ✔️
🗺️ Need inspiration? Use one of our predefined templates for free.⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ✔️
💽 5 minutes, a few clicks and... done! You will be surprised at how easy it is.⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀ ⠀⠀⠀ ✔️
💄 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. ✔️
🆓 Our license is user-friendly. Feel free to use MDB for both private as well as commercial projects. ✔️
📑 We put detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily. ✔️

Table of Contents



Quick Start

How to install

You can install MDBootstrap using NPM:

npm install mdbootstrap

Additional tutorials

MDBootstrap on CDNJS:

<link rel="stylesheet" href="" />

<script type="text/javascript" src=""></script>


Supported browsers

MDBootstrap supports the latest, stable releases of all major browsers and platforms.

Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform’s web view API, are not explicitly supported. However, MDBootstrap should (in most cases) display and function correctly in these browsers as well.

Mobile devices

Generally speaking, MDBootstrap supports the latest versions of each major platform’s default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) are not supported.

Android Browser & WebView IE / Edge
Miscrosoft Edge
⠀Android⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀N/A⠀ Android v5.0+ supported Supported
⠀iOS⠀ ⠀Supported⠀ ⠀Supported⠀ ⠀Supported N/A Supported
⠀Windows 10 Mobile⠀ ⠀N/A⠀ ⠀N/A⠀ ⠀N/A⠀ N/A⠀ Supported

Desktop browsers

Similarly, the latest versions of most desktop browsers are supported.

IE / Edge
Internet Explorer
Internet Explorer / Edge
⠀Mac ⠀ ⠀Supported ⠀ Supported N/A N/A ⠀Supported⠀ ⠀Supported⠀⠀
⠀⠀Windows Supported Supported N/A ⠀Supported⠀ ⠀Supported⠀ Not supported⠀


Please read for details on our code of conduct, and the process for submitting pull requests to us.

Support MDB developers

  • Star our GitHub repo
  • Create pull requests, submit bugs, suggest new features or documentation updates
  • Follow us on Twitter
  • Like our page on Facebook

A big ❤️ thank you to all our users ❤️ who are working with us to improve the software. We wouldn't be where we are without you.

Useful Links

Social Media

PRO version

You can’t perform that action at this time.