Vue Bootstrap with Material Design

Based on the latest Bootstrap 4 and Vue 2.6.10.

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

Downloads License npm

logo


Table of Contents

Other Technologies

Demo

Version

  • MDBVue 5.8.0
  • Vue 2.6.10

Quick start

bash

# install dependencies
npm install / yarn

# serve with hot reload at localhost:8080
npm run dev / yarn start

# build for production with minification
npm run build / yarn build

# build for production and view the bundle analyzer report
npm run build --report / yarn build --report

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
Chrome
Firefox
Firefox
Safari
Safari
Android Browser & WebViewIE / Edge
Miscrosoft Edge
AndroidSupportedSupportedN/AAndroid v5.0+ supportedSupported
iOSSupportedSupportedSupportedN/ASupported
Windows 10 MobileN/AN/AN/AN/ASupported

Desktop browsers

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

Chrome
Chrome
Firefox
Firefox
IE / Edge
Internet Explorer
Internet Explorer / Edge
Edge
Opera
Opera
Safari
Safari
MacSupportedSupportedN/AN/ASupportedSupported
WindowsSupportedSupportedN/ASupportedSupportedNot supported

Contributing

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

Getting started

Additional tutorials

PRO version

Documentation

Huge, detailed documentation avilable online

Highlights:

Bootstrap 4 Up-to-date with the latest standards of Bootstrap 4 and all the best it has to offer.

Detailed documentation Intuitive and user-friendly documentation, created with a copy-paste approach.

No jQuery Writing you code with pure React is now quicker, easier, and cleaner.

Cross-browser compatibility Works perfectly with Chrome, Firefox, Safari, Opera and Microsoft Edge.

Frequent updates Expect any bugs being fixed in a matter of days.

Active community MDB is broadly used by professionals on multiple levels, who are ready to aid you.

Useful helpers Reduce the frequency of highly repetitive declarations in your CSS.

Technical support Every day we help our users with their issues and problems.

SASS files Thought-out .scss files come in a compile-ready form.

Flexbox Full support of Flexbox layout system lets you forget about alignment issues.

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

Contact