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
npm install
npm run dev
npm run build
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.
Useful Links:
**jQuery version: https://github.com/mdbootstrap/bootstrap-material-design
**Angular version: https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design
**Vue version: https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design
Getting started: https://mdbootstrap.com/Vue/getting-started/
5 min quick start: https://mdbootstrap.com/mdb-quick-start/
Material Design + Bootstrap Tutorial: https://mdbootstrap.com/bootstrap-tutorial/
Material Design + WordPress Tutorial: https://mdbootstrap.com/wordpress-tutorial/
Freebies: https://mdbootstrap.com/freebies/
Premium Templates: https://mdbootstrap.com/templates/
Social Media:
Twitter: https://twitter.com/MDBootstrap
Facebook: https://www.facebook.com/mdbootstrap
Pinterest: https://pl.pinterest.com/mdbootstrap
Google+: https://plus.google.com/u/0/b/107863090883699620484/+Mdbootstrap/posts
Dribbble: https://dribbble.com/mdbootstrap
LinkedIn: https://www.linkedin.com/company/material-design-for-bootstrap
PRO version:
Material Design for Bootstrap Vue PRO: https://mdbootstrap.com/product/vue-bootstrap-pro/
Version logs
4.1.0
It's just an small update which provides integration with the latest version of MDB
Added:
Improved:
- Updated to Bootstrap 4.0.0 (stable version)
- Updated to MDB 4.5.0
- Build tools