README

Vue Bootstrap with Material Design

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

Please read contribution rules before starting your improvements in order to help us make the cooperation and reviewing experience as pleasant and effective as possible

Trusted by 2 000 000+ developers & designers. Used by companies like

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e696b652e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f616d617a6f6e2e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f736f6e792e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f73616d73756e672e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6169726275732e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f7961686f6f2e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f64656c6f697474652e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f67652e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6b706d672e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f756e6974792e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f696b65612e706e67

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6165676f6e2e706e67

More Web Development Technologies

⠀ MDBootstrap Angular⠀	⠀ MDBootstrap jQuery ⠀	⠀ MDBootstrap React⠀	MDBootstrap 5
	⠀ ⠀	⠀	⠀

Quick Start

According to your preference, you can follow a video or written version

Also, you can install MDB Free using NPM installation guide

MDB CLI - the fastest way to create and host MDB projects

68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f70726f64756374732f636c692f636c692d667265652e6a7067

Initiate
With MDB CLI you can start a new project within seconds! Use mdb init command and start with a pre-set configuration!

Publish and host
Make your project visible with mdb publish, no need to store your code, simply get the link and share it with the world!

Get started

Demo

Carousel

Vue Bootstrap carousel is responsive and interactive slideshow which is created for presenting content, especially images and videos.

Loader / Spinner

Vue Bootstrap loader is animation that is used to keep visitors entertained while the page is still loading, which helps to increase the user experience.

Buttons

Vue Bootstrap buttons are components which are triggering a desirable user interaction. Easy to customize in terms of size, shape, and color.

Cards

Vue Bootstrap cards are components which display content build of different elements with characteristic shadows, depth and hover effects.

Alerts

Vue Bootstrap alerts are feedback messages which are displayed after specific actions preceded by the user. Length of the text is not limited.

Chart

Vue Bootstrap charts are graphical representations of data. Charts come in different sizes and shapes: bar, line, pie, radar, polar and more.

Hamburger Menu

Vue Bootstrap Hamburger menu is a navigation with additional hamburger looks-like icon which activates hidden menu elements in Navbar or Sidenav.

Footer

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

Sidenav

Vue Bootstrap sidenav is a vertical navigation component which apart from traditional, text links, might embed icons, dropdowns, avatars or search forms.

Modal

Vue Bootstrap modal is lightweight, but powerful & multipurpose popup. Learn how to manipulate size, styles & position. Multiple examples and detailed tutorial.

Supported browsers

MDBootstrap supports the latest, stable releases of all major browsers and platforms.

Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform’s web view API, are not explicitly supported. However, MDBootstrap should (in most cases) display and function correctly in these browsers as well.

Mobile devices

Generally speaking, MDBootstrap supports the latest versions of each major platform’s default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) are not supported.