Vue Bootstrap with Material Design
Based on the latest Bootstrap 4 and Vue 2.5.21.
400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial use.
Main demo: https://mdbootstrap.com/docs/vue/components/demo/
bash
# install dependencies
npm install / yarn
# serve with hot reload at localhost:8080
npm run dev /
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
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 | Microsoft 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 | Microsoft 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.
5min Quick Start: https://mdbootstrap.com/docs/vue/getting-started/quick-start/
MDB - Bootstrap tutorial: https://mdbootstrap.com/education/bootstrap/
MDB - Wordpress tutorial: https://mdbootstrap.com/education/wordpress/
Vue Bootstrap with Material Design PRO (from $79): https://mdbootstrap.com/products/vue-ui-kit/
Huge, detailed documentation avilable online on: http://mdbootstrap.com/docs/vue/
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.
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.
jQuery version: https://github.com/mdbootstrap/bootstrap-material-design
React version: https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design
Angular version: https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design
Getting started: https://mdbootstrap.com/docs/vue/getting-started/download/
5 min quick start: https://mdbootstrap.com/docs/vue/getting-started/quick-start/
Material Design + Bootstrap Tutorial: https://mdbootstrap.com/education/bootstrap/
Material Design + WordPress Tutorial: https://mdbootstrap.com/education/wordpress/
Freebies: https://mdbootstrap.com/freebies/
Premium Templates: https://mdbootstrap.com/templates/
Changelog: https://mdbootstrap.com/vue/changelog/
Twitter: https://twitter.com/MDBootstrap
Facebook: https://www.facebook.com/mdbootstrap
Pinterest: https://pl.pinterest.com/mdbootstrap
Google+: https://plus.google.com/u/0/b/107863090883699620484/+Mdbootstrap/posts
Dribbble: https://dribbble.com/mdbootstrap
LinkedIn: https://www.linkedin.com/company/material-design-for-bootstrap
FAQs
Vue Bootstrap with Material Design
The npm package mdbvue receives a total of 819 weekly downloads. As such, mdbvue popularity was classified as not popular.
We found that mdbvue demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 17 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.