Vue Material Design UI KIT for Bootstrap 5 & Vue 3

VUE MDB 5 is a simple and easy-to-use feature of MDB5 VUE UI.

vuetify, vue material design, vue material kit, vue material tutorial, vue material vs vuetify, mdb vue ui kit, vue material dashboard, vue material example


  • 500+ material UI components
  • Super simple, 1-minute installation
  • Detailed docs & multiple practical examples
  • Vue 3
  • Huge and active community
  • MIT license – free for personal & commercial use

Material Design for Bootstrap 5 & Vue 3

  • Buttons – Use the MDB custom button methods for procedures in models, dialogue, and more support from multiple sizes, states, and more.
  • Spinners – Select a component load status or page with MDB spectators, fully built with HTML, CSS, not JavaScript.
  • Cards – The card is a flexible and expandable content container. It includes options for headers, footwear, a wide range of content, contextual background colors, and strong supply options.
  • Footer – Footer is an extra navigation component. The links, buttons, company information, copyright, forms, and many other items.
  • Hovering – The effect of the MDB hover appears when the user focuses the computer pointer on an item without activating it. Hover effects make a more interactive website.
  • Notes – Notes are very useful components are very useful in inserting additional information from information.

and more.

How to make use of it:

Install & Download:

$ npm i mdb-vue-ui-kit

Install & Import:

import 'mdb-vue-ui-kit/css/mdb.min.css';

Material Design UI Kit With Vue.js 3 And Bootstrap 5, MDB 5 Vue Plugin/Github

See Demo And Download

Official Website(mdbootstrap): Click Here

This superior jQuery/javascript plugin is developed by mdbootstrap. For extra advanced usage, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…