mdbvue
Advanced tools
Readme
Based on the latest Bootstrap 4 and Vue. 400+ material UI elemens, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial use.
Please read contribution rules before starting your improvements in order to help us make the cooperation and reviewing experience as pleasant and effective as possible
Trusted by 2 000 000+ developers & designers. Used by companies like
 |  |  | 
| 
| 
| 
| 
| 
| 
| 
| 
|
| ⠀ MDBootstrap Angular⠀ | ⠀ MDBootstrap jQuery ⠀ | ⠀ MDBootstrap React⠀ | MDBootstrap 5 |
|---|---|---|---|
 | ⠀  ⠀ | ⠀  |  ⠀ |
According to your preference, you can follow a video or written version
Also, you can install MDB Free using NPM installation guide
|
Initiate
With MDB CLI you can start a new project within seconds! Use mdb init command and start with a pre-set configuration!
|
Publish and host
Make your project visible with mdb publish, no need to store your code, simply get the link and share it with the world!
| Get started |
Vue Bootstrap carousel is responsive and interactive slideshow which is created for presenting content, especially images and videos.
Vue Bootstrap loader is animation that is used to keep visitors entertained while the page is still loading, which helps to increase the user experience.
Vue Bootstrap buttons are components which are triggering a desirable user interaction. Easy to customize in terms of size, shape, and color.
Vue Bootstrap cards are components which display content build of different elements with characteristic shadows, depth and hover effects.
Vue Bootstrap alerts are feedback messages which are displayed after specific actions preceded by the user. Length of the text is not limited.
Vue Bootstrap charts are graphical representations of data. Charts come in different sizes and shapes: bar, line, pie, radar, polar and more.
Vue Bootstrap Hamburger menu is a navigation with additional hamburger looks-like icon which activates hidden menu elements in Navbar or Sidenav.
A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.
Vue Bootstrap sidenav is a vertical navigation component which apart from traditional, text links, might embed icons, dropdowns, avatars or search forms.
Vue Bootstrap modal is lightweight, but powerful & multipurpose popup. Learn how to manipulate size, styles & position. Multiple examples and detailed tutorial.
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 |
Here you'll find more useful resources, like Getting Started, Freebies, Premium Templates & snippet editor
Twitter | Facebook | Pinterest | Dribbble | LinkedIn | YouTube
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.
FAQs
Vue Bootstrap with Material Design
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
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).
