Material Design for Bootstrap 4 - Vue version

Based on the latest Bootstrap 4 and Vue 2.5.7. Absolutely no jQuery. 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more. Free for personal and commercial use.

Trusted by 400 000+ developers & designers. Used by such a companies like Nike, Samsung, Amazon, Ikea, Sony and NASA.

Most important features:

Up-to-date with the latest standards of Bootstrap 4 and all the best it has to offer.
Fully responsive
Plenty of useful templates
Easy installation
Easy to use and customize
Active community
Dedicated support forum
Detailed documentation

Demo:

Main demo: https://mdbootstrap.com/vue/components/

Build Setup

# install dependencies
npm install

# 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

Getting Started

To test, contribute or just see what we did follow few easy steps:

clone the repository
cd to the directory with the repository
run yarn install (or npm install if you don't use yarn)
run the app using yarn start (or npm start)
enjoy!

Documentation:

Huge, detailed documentation avilable online on: https://mdbootstrap.com/vue

Additional tutorials:

MDB - Bootstrap tutorial: https://mdbootstrap.com/bootstrap-tutorial/

MDB - Wordpress tutorial: https://mdbootstrap.com/wordpress-tutorial/

Live Preview

Highlights:

Components
Choose among 400+ predefined components. Each component is ready to use and fits perfectly with each other like LEGO bricks. Take, combine, enjoy!.

Modularity
Material Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS. That allows you to create your custom library including only elements which you really use in your project.

10 fresh ready to use templates
We are going further and giving to you ready to use templates! Use them as you like, as an inspiration, prototype or final product for your customers.

Cross-browser compatibility
Chrome, Firefox, IE, Safari, Opera, Microsoft Edge - MDB loves all browsers, all browsers love MDB.

Frequent updates
MDB becomes better every month. We love the project and enhance as much as possible.

Technical support
We really care about reliability. If you have any questions - do not hesitate to contact us.

Active community
Our society grows day by day. Visit our forum and check how it is to be a part of our family.

Flex box
MDB fully suppports Flex Box. You can forget about alignment issues.

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

JSX
Use HTML-based syntax for raw JavaScript.

Useful helpers
We are web developers, we really know which issues are the most annoying in our daily work. Helpers included in MDB will solve lot of them and make your life easiers.

Detailed documentation:
We give you detailed documentation at your disposal. It will help you to implement your ideas easily.

Free for personal and commercial use
Our license is user friendly. Feel free to use MDB for both private as well as commercial projects.

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.