Introduction
Vue MDBootstrap is a collection of Vue.js UI components and was built from the ground up to be easy to learn and use. Our collection of UI components maintain a consistent style throughout your application with enough customization options to meet any use-case.
Why Vue MDBootstrap?
Vue MDBootstrap is an attempt to have Vue3 components with Typescript. At first we just support Bootstrap v5. Later we saw TailwindCSS also becomes more popular and widely used. And now, Vue MDBootstrap also comes with support for TailwindCSS v4. Another goal is to have the components written in a simple and readable way for a better developer experience.
Flexible components
Every component in Vue MDBootstrap is built according to the Google Material Design 3 specifications and comes with many customization options suitable for most style or design; even though it’s not Material Design. Our UI components can leverage the world's most popular css framework - Bootstrap v5 and TailwindCSS v4, which can help you build responsive apps faster and mobile friendly.
It’s free
Vue MDBootstrap is an Open Source project available for free under the BSD-3-Clause license. Additionally, the source code is available on GitHub, allowing developers to modify and contribute to its development if they choose to do so.
Documentation Sections
The online documentation consists of the following sections:
- Getting Started - Documentation on how to install and using the components
- Components - Visual component library documentation
- Reference - Additional resources documentation
Additional Information
Before getting started with Vue MDBootstrap, you should have general familiarity with Vue 3 functionality, Bootstrap v5 and/or TailwindCSS. If you are unfamiliar with Vue.js and/or Bootstrap, some good starting points would be:
Browser Support
All major modern browsers.