Press "Enter" to skip to content

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.