# bootstrap-material-design

**Repository Path**: tomgee/bootstrap-material-design

## Basic Information

- **Project Name**: bootstrap-material-design
- **Description**: Material Design for Bootstrap - Powerful and free UI KIT for Bootstrap 4 and 3
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-02
- **Last Updated**: 2024-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<a href="https://mdbootstrap.com/docs/jquery/getting-started/download/">
  <img src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png">
</a>


# Material Design for Bootstrap

<a href="https://npmcharts.com/compare/mdbootstrap?minimal=true"><img src="https://img.shields.io/npm/dm/mdbootstrap.svg" alt="Downloads"></a>
<a href="https://github.com/mdbootstrap/bootstrap-material-design/blob/master/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>	
<a href="https://cdnjs.com/libraries/mdbootstrap"><img src="https://img.shields.io/cdnjs/v/mdbootstrap.svg" alt="cdnjs"></a>	
<a href="https://badge.fury.io/js/mdbootstrap"><img src="https://badge.fury.io/js/mdbootstrap.svg" alt="npm"></a>	
<a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"></a>	

The most popular UI KIT for building responsive, mobile-first websites and apps - free for personal & commercial use. Available jQuery, Angular, React and Vue versions.

Trusted by <b>1 500 000+</b> developers & designers. Used by companies like
<table>
  <tbody>
    <tr>
      <td><img src="https://mdbootstrap.com/img/logo/brands/nike.png" style="width: 10px;"></td>
      <td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png" style="width: 10px;"></td>
      <td><img src="https://mdbootstrap.com/img/logo/brands/sony.png" style="width: 10px;"></td>
      <td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png"  style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png" style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png"  style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png" style="height: 40px"></div>
      <td><img src="https://mdbootstrap.com/img/logo/brands/ge.png" style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png" style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/unity.png" style="height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png" style="max-height: 40px">
      <td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png" style="height: 40px">
    </tr>
   </tbody>
</table>

Our impressive collection of beautiful, 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS files, templates, tutorials and many more allows you to develop any kind of project.

We're maintaining a [dedicated Support Forum](https://mdbootstrap.com/support/) for this purpose. This is also a go-to place for every suggestion, opinion, bug, and issue report if you'd like to receive help as soon as possible. Reports posted on Support Forum are **prior to GitHub issues**

**Please read [contribution rules](https://github.com/mdbootstrap/bootstrap-material-design/blob/master/CONTRIBUTING.md) before starting your improvements in order to help us make the cooperation and reviewing experience as pleasant and effective as possible**

# More Web Development Technologies

|⠀  ⠀  ⠀⠀  ⠀      MDBootstrap Angular⠀  ⠀ ⠀    ⠀   |⠀  ⠀   ⠀  ⠀⠀    MDBootstrap React ⠀   ⠀   ⠀⠀  |⠀  ⠀  ⠀⠀ ⠀     MDBootstrap Vue⠀  ⠀  ⠀   ⠀   |
| --------------- | ------------------ | ------------- |
|⠀  ⠀ ⠀  ⠀ ⠀     ⠀ ⠀   [![MDB Angular](https://mdbootstrap.com/img/Marketing/general/logo/small/angular.png")](https://mdbootstrap.com/docs/angular/)  ⠀  |⠀  ⠀ ⠀   ⠀   ⠀⠀    [![MDB React](https://mdbootstrap.com/img/Marketing/general/logo/small/react.png)](https://mdbootstrap.com/docs/react/)  ⠀  |⠀  ⠀    ⠀⠀   ⠀  ⠀   [![MDB Vue](https://mdbootstrap.com/img/Marketing/general/logo/small/vue.png)](https://mdbootstrap.com/docs/vue/)   ⠀   ⠀ 


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



# Quick Start Video

[![Quick Start](https://mdbootstrap.com/wp-content/uploads/2020/05/yt.png)](https://youtu.be/cXTThxoywNQ)

According to your preference, you can follow a [video](https://youtu.be/cXTThxoywNQ) or [written version](https://mdbootstrap.com/education/bootstrap/quick-start/)

Also, you can install MDB Free using NPM [installation guide](https://mdbootstrap.com/docs/jquery/getting-started/installation-guide/)

# MDB CLI - the fastest way to create and host MDB projects

<table>
  <tbody>
    <tr>
      <td align="center" valign="middle">
        <a href="https://mdbootstrap.com/cli/">
          <img
            src="https://mdbootstrap.com/img/Marketing/products/cli/cli-free.jpg"
            style="width: 60px;">
        </a>
      </td>
      <td align="left" valign="top">
        <b>Initiate</b>
        <br />
        With MDB CLI you can start a new project within seconds! Use <b><code>mdb init</code></b> command and start with a pre-set configuration!
      </td>
      <td align="left" valign="top">
        <b>Publish and host</b>
        <br />
        Make your project visible with <b><code>mdb publish</code></b>, no need to store your code, simply get the link and share it with the world!
      </td>
        <td align="center">
          <b><a href="https://mdbootstrap.com/cli/">Get started</a> </p>
        </td>
    </tr>
  </tbody>
</table>

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

|  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox  |  [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari   | Android Browser & WebView  |                  [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> 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.

|  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome  |  [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Internet Explorer  |  [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Internet Explorer / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> Edge  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera                  |       [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari       |
|:--------------------:|:-----------------------------:|:------------------------------:|:------------------------------:|:----------------------------:|:-------------------------------------------------------------------------:|:------------------------------:|
| ⠀⠀⠀Mac⠀⠀| Supported | Supported | N/A | N/A |⠀Supported⠀|⠀Supported⠀⠀|
|⠀⠀⠀Windows⠀  |Supported | Supported | N/A |⠀Supported⠀|⠀Supported⠀|⠀Not supported⠀|


## Documentation

You can explore [huge, detailed documentation](https://mdbootstrap.com/) on our website. You can also use [sitemap](https://mdbootstrap.com/md-bootstrap-sitemap/) where each component is located

## Education

Additional tutorials for those with insatiable appetite for knowledge made by us & our users can be found in our [education section](https://mdbootstrap.com/education/) & in [miscellaneous](https://mdbootstrap.com/articles/)

## Useful resources

Here you'll find more resources, like [Getting Started](https://mdbootstrap.com/docs/jquery/getting-started/download/), [Freebies](https://mdbootstrap.com/freebies/), [Premium Templates](https://mdbootstrap.com/templates/) & [Snippet Editor](https://mdbootstrap.com/snippets/)


## Connect with us on

[Twitter](https://twitter.com/MDBootstrap) | [Facebook](https://www.facebook.com/mdbootstrap) | [Pinterest](https://pl.pinterest.com/mdbootstrap) | [Dribbble](https://dribbble.com/mdbootstrap) | [LinkedIn](https://www.linkedin.com/company/material-design-for-bootstrap) | [YouTube](https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA)

## You enjoy using MDB? Check the advantages of the PRO version

[Material Design for Bootstrap PRO](https://mdbootstrap.com/products/jquery-ui-kit/)

### Support MDB developers
- Star our GitHub repo
- Create pull requests, submit bugs, suggest new features or documentation updates
- Follow us on [Twitter](https://twitter.com/mdbootstrap)
- Like our page on [Facebook](https://www.facebook.com/mdbootstrap)

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.