Skip to content

mdbootstrap/mdb-vue-ui-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap 5 & Vue 3 UI KIT - 700+ components, MIT license, simple installation.

MDB is a collection of free Bootstrap templates, themes, design tools & resources.


Get started

Simple installation via .zip, npm or cdnjs.

Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support.

One click setup! MDB GO allows you to create a WordPress page with a single click. Regardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page.

About Material Design for Bootstrap 5 & Vue 3

Created by Image Downloads License Image MDBootstrap tutorial

Trusted by 3 000 000+ developers & designers. Used by companies & institutions like

Image Image Image Image Image Image Image Image Image Image Image Image Image
Image
  • 700+ UI components
  • Super simple, 1 minute installation
  • Detailed docs & practical examples
  • Lots of tutorials
  • Huge and active community
  • MIT license - free for personal & commercial use

Bootstrap 5 tutorial

>> Learn more about Bootstrap 5

>> Bootstrap 5 Tutorial

>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials

Image Image

Start learning from Basics

Image

Learn Bootstrap 5 | Crash Course for Beginners in 1.5H

Image

Demo

Simplicity and ease of use are key features of MDB 5 Vue UI Kit. You need only one minute to install and run it.

Buttons

Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Image

Image

Image

Image

Spinners

Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.

Image

Image

Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Image

Footer

A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

Image

Hover

MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.

Image

Image

Notes

Notes are small components very helpful in inserting an additional piece of information.

Image


Extended documentation

About

Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 12