mdbootstrap

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

---

Table of Contents

• Versions
• Demo
• Quick Start
• How to install
• Additional tutorials
• MDBootstrap on CDNJS
• Documentation
• Supported Browsers
• Contributing
• Social Media
• Useful Links

---

Versions

Demo

• Main demo

Quick Start

• Written Tutorial

• Video Tutorial

How to install

You can install MDBootstrap using NPM:

npm install mdbootstrap

Additional tutorials

• MDB - Bootstrap tutorial

• MDB - WordPress tutorial

MDBootstrap on CDNJS:

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

Documentation

• Huge, detailed documentation available online

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.

	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

Desktop browsers

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⠀

Contributing

Please read CONTRIBUTING.md 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

• Getting Started

• 5 min quick start

• Freebies

• Premium Templates

---

Social Media

• Twitter

• Facebook

• Pinterest

• Dribbble

• LinkedIn

• YouTube

---

PRO version

• Material Design for Bootstrap PRO