Material Design for Bootstrap (Vue version)

Vue Bootstrap UI KIT

Based on the latest Bootstrap 4 and Vue v. 2.6.10 .

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

Download Live demo

Trusted by 1,000,000+ developers & designers

Watch our "5 min Quick Start" tutorial

Bootstrap 4

Thanks to MDB you can take advantage of all feature of newest Bootstrap 4.

Detailed documentation

We give you detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily.

Large community

More than 800 000 developers around the globe use MDB in their projects. If you have any doubts or questions there is probably a ready answer on our support forum.

Main features:

MDB Admin Dashboard displayed on iPad
Bootstrap 4

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


A JavaScript framework for building user interfaces.

Detailed documentation

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

No jQuery

Writing your code with pure Vue is now quicker, easier, and cleaner.


Vue.js uses an HTML-based template syntax that allows you to create valid HTML apps

Vue v. 2.6.10

Create smarter and faster Vue apps with the latest official Vue release.

MDB Admin Dashboard displayed on iPad

Not enough?

Free for personal and commercial use

How and why you create your projects is absolutely up to you, for free.

500+ UI elements

All the necessary and crucial page elements along with attention enchaining ones.

600+ icons

Scalable, vector icons perfect for any purpose you can imagine.

Fully responsive

Your design will be displayed exactly in the same, perfect way on any device.

MDB Magazine Template displayed on iPhone
75+ CSS animations

Attention-grabbing animations to focus your visitor's attention on specific elements.


Step-by-step lessons that will guide you through all the Vue functionalities.

Easy installation

Spend your time on creating, not setting up with thanks to a few steps installation.

Easy to use and customize

How you mold your design is limited only by your own imagination.

MDB Admin Dashboard displayed on iPad

Are you ready to start a 5-minute installation?

...and even more:

Cross-browser compatibility

Works perfectly with Chrome, Firefox, IE, 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


Use components adjusted to your needs.

Technical support

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


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

SASS files

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