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 companies like Nike, Samsung, Amazon, Ikea, Sony and NASA.
| Highlights | ||
|---|---|---|
| 💎 | Thanks to MDB you can take advantage of all features of the 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. | ✔️ |
- Versions
- Demo
- Quick Start
- How to install
- Additional tutorials
- MDBootstrap on CDNJS
- Documentation
- Supported Browsers
- Contributing
- Social Media
- Useful Links
You can install MDBootstrap using NPM:
npm install mdbootstrap
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.6/css/mdb.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.6/js/mdb.min.js"></script>
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.
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.
 Chrome |
 Firefox |
 Safari |
Android Browser & WebView |  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 |
Similarly, the latest versions of most desktop browsers are supported.
Chrome |
Firefox |
Internet Explorer |
Edge |
 Opera |
Safari |
|
|---|---|---|---|---|---|---|
| ⠀Mac ⠀ | ⠀Supported ⠀ | Supported | N/A | N/A | ⠀Supported⠀ | ⠀Supported⠀⠀ |
| ⠀⠀Windows | Supported | Supported | N/A | ⠀Supported⠀ | ⠀Supported⠀ | Not supported⠀ |
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
- 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.