PHPackages                             mdbootstrap/vue-bootstrap-with-material-design - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. mdbootstrap/vue-bootstrap-with-material-design

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

mdbootstrap/vue-bootstrap-with-material-design
==============================================

Vue Bootstrap with Material Design - Powerful and free UI KIT

6.7.3(4y ago)9692188MITSCSSPHP ^7.2

Since Sep 27Pushed 6mo ago27 watchersCompare

[ Source](https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design)[ Packagist](https://packagist.org/packages/mdbootstrap/vue-bootstrap-with-material-design)[ RSS](/packages/mdbootstrap-vue-bootstrap-with-material-design/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (10)Dependencies (1)Versions (16)Used By (0)

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

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

---

Get started
===========

[](#get-started)

### [&gt;&gt; Get Started in 1 minute](https://mdbootstrap.com/docs/b5/vue/getting-started/installation/)

[](#-get-started-in-1-minute)

Simple installation via .zip, npm or cdnjs.

### [&gt;&gt; Install with MDBGO](https://mdbgo.com/)

[](#-install-with-mdbgo)

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

### [&gt;&gt; Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/)

[](#-install-with-mdbgo--e-commerce-shop-integration)

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 &amp; Vue 3
-------------------------------------------------

[](#about-material-design-for-bootstrap-5--vue-3)

Created by [![](https://camo.githubusercontent.com/fe77f1988d83c8aa600d5031447c0d8dcc7ebaae183ef423ffd7eda2bc1e649b/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f67656e6572616c2f6c6f676f2f6d656469756d2f6d64622d7675652d722e706e67)](https://mdbootstrap.com) [ ![Downloads](https://camo.githubusercontent.com/ab92041c7156609a085c0794593ee19d46d2aede4b08f5ea52a294c56e578fc9/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f6d64626f6f7473747261702e7376673f6c6162656c3d4e504d253230446f776e6c6f616473)](https://npmcharts.com/compare/mdbvue?minimal=true)[![License](https://camo.githubusercontent.com/8bb50fd2278f18fc326bf71f6e88ca8f884f72f179d3e555e20ed30157190d0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)](https://github.com/mdbootstrap/mdb-vue-ui-kit/blob/master/LICENSE)[![](https://camo.githubusercontent.com/912eca7308d4e304cdc6c6d82d92275d1aa2c800e9b0986d01024cb9c7b96219/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f75726c2f687474702f736869656c64732e696f2e7376673f7374796c653d736f6369616c266c6162656c3d4c657425323075732532306b6e6f77253230796f75253230776572652532306865726525323126)](https://x.com/intent/post?text=Thanks+%40mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+5+UI+KIT+https%3A%2F%2Fmdbootstrap.com%2Fdocs%2Fjquery%2F&hashtags=javascript%2Ccode%2Cwebdesign%2Cbootstrap)[ ![MDBootstrap tutorial](https://camo.githubusercontent.com/994db9d2166ed04fe54f76e8092ce2633509d58e554064a1919cb8c27286c88d/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d4d44426f6f747374726170266d6573736167653d5475746f7269616c266c6162656c436f6c6f723d30303762666626636f6c6f723d666666666666266c6f676f436f6c6f723d3030376266662674657874436f6c6f723d303030303030)](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/)

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

   [![](https://camo.githubusercontent.com/8042f7f8b92f05e36cf7712cb0359bdf56449d5cc6fd389e04ece3a26f053f3e/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e6173612e706e67)](https://camo.githubusercontent.com/8042f7f8b92f05e36cf7712cb0359bdf56449d5cc6fd389e04ece3a26f053f3e/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e6173612e706e67) [![](https://camo.githubusercontent.com/4c6d8abf9f5523b13b01557be200c5c936284a1ceeee74b5df08e5cc0104676d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e696b652e706e67)](https://camo.githubusercontent.com/4c6d8abf9f5523b13b01557be200c5c936284a1ceeee74b5df08e5cc0104676d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6e696b652e706e67) [![](https://camo.githubusercontent.com/a1de43f45ad75c3750197e52be25419f62703570bb0f2333b814f8f0040b3e34/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f616d617a6f6e2e706e67)](https://camo.githubusercontent.com/a1de43f45ad75c3750197e52be25419f62703570bb0f2333b814f8f0040b3e34/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f616d617a6f6e2e706e67) [![](https://camo.githubusercontent.com/83ecf771c24f050dada5255f6b504da0141100d982d1eef2745d6981820be494/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f736f6e792e706e67)](https://camo.githubusercontent.com/83ecf771c24f050dada5255f6b504da0141100d982d1eef2745d6981820be494/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f736f6e792e706e67) [![](https://camo.githubusercontent.com/1d0c09fe39ed8c396abbb6178c57d034cea40c4c0178f43ba7ffaa19c24d2252/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f73616d73756e672e706e67)](https://camo.githubusercontent.com/1d0c09fe39ed8c396abbb6178c57d034cea40c4c0178f43ba7ffaa19c24d2252/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f73616d73756e672e706e67) [![](https://camo.githubusercontent.com/2abb704adeb56c21e6e5bbcb3b29b75d9c1b1368d206252ed7396e79ef26ac28/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6169726275732e706e67)](https://camo.githubusercontent.com/2abb704adeb56c21e6e5bbcb3b29b75d9c1b1368d206252ed7396e79ef26ac28/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6169726275732e706e67) [![](https://camo.githubusercontent.com/a96996c37c851ba54cc8992c92a42a7a7695d8a9202dd88e857634190b42ce20/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f7961686f6f2e706e67)](https://camo.githubusercontent.com/a96996c37c851ba54cc8992c92a42a7a7695d8a9202dd88e857634190b42ce20/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f7961686f6f2e706e67) [![](https://camo.githubusercontent.com/c76ab995d05a68d8c983d04800de6eb84ed262507c3f26c97dabd05423c9fbe1/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f64656c6f697474652e706e67)](https://camo.githubusercontent.com/c76ab995d05a68d8c983d04800de6eb84ed262507c3f26c97dabd05423c9fbe1/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f64656c6f697474652e706e67) [![](https://camo.githubusercontent.com/9edc0c6651deda9e255694381d8959077c793e3f8b38a362fefc8bedc458ecc7/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f67652e706e67)](https://camo.githubusercontent.com/9edc0c6651deda9e255694381d8959077c793e3f8b38a362fefc8bedc458ecc7/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f67652e706e67) [![](https://camo.githubusercontent.com/409a45e26bc5ff94468194cb8f3ed681cf028f0f7de14561eeed4ef01cede67d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6b706d672e706e67)](https://camo.githubusercontent.com/409a45e26bc5ff94468194cb8f3ed681cf028f0f7de14561eeed4ef01cede67d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6b706d672e706e67) [![](https://camo.githubusercontent.com/7825b9cc2e978ab517e3463d7d26f3f6e6d4bbdb1b12810912af08868fc182b0/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f756e6974792e706e67)](https://camo.githubusercontent.com/7825b9cc2e978ab517e3463d7d26f3f6e6d4bbdb1b12810912af08868fc182b0/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f756e6974792e706e67) [![](https://camo.githubusercontent.com/511a24f38f3e2fc2a5e869155a08ef52f405f5558aabb04d67438ee5359d1993/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f696b65612e706e67)](https://camo.githubusercontent.com/511a24f38f3e2fc2a5e869155a08ef52f405f5558aabb04d67438ee5359d1993/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f696b65612e706e67) [![](https://camo.githubusercontent.com/8be6ac7733a176ef09809b1daa00ab1245b8563fe51f0f4c0f419d0bee0bda0e/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6165676f6e2e706e67)](https://camo.githubusercontent.com/8be6ac7733a176ef09809b1daa00ab1245b8563fe51f0f4c0f419d0bee0bda0e/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f6c6f676f2f6272616e64732f6165676f6e2e706e67)      [ ![](https://camo.githubusercontent.com/86147f06a3ecfb291f77310a5e9861bbd706a7b6c7758cfb1ff80a70b5606d5a/68747470733a2f2f6d64626f6f7473747261702e636f6d2f77702d636f6e74656e742f7468656d65732f6d64626f6f747374726170342f636f6e74656e742f656e2f5f6d6462352f7675652f61626f75742f6173736574732f6d6462352d7675652e6a7067) ](https://mdbootstrap.com/docs/b5/vue/)  - **[700+ UI components](https://mdbootstrap.com/docs/b5/vue/)**
- Super simple, 1 minute installation
- Detailed docs &amp; practical examples
- Lots of tutorials
- Huge and active community
- **MIT license - free for personal &amp; commercial use**

   ---

Bootstrap 5 tutorial
====================

[](#bootstrap-5-tutorial)

**[&gt;&gt; Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/)**

**[&gt;&gt; Bootstrap 5 Tutorial](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/)**

**[&gt;&gt; Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap)**

    [ ![](https://camo.githubusercontent.com/bf2f299b32f134a5f32906094937622aa2c6a7746306cb78f746ae71b7c52d70/68747470733a2f2f6d64626f6f7473747261702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f31322f6c6561726e6d6f72652d312e706e67) ](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/)   [ ![](https://camo.githubusercontent.com/2e81804085f83f930d2963931db84c9bff3fb50d7d73b5c1e4ee070413e34f5d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f6c6561726e2f6d64622d666f756e646174696f6e732f6261736963732f696e74726f64756374696f6e2f6173736574732f66656174757265642d696d6167652e706e67) ](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/#section-beginner)    **Start learning from Basics**

 [ ![](https://camo.githubusercontent.com/f09553185a6011b0adc07d5e85ff90ba1bf1074517677c782fa9fa4eaaf6a1ef/68747470733a2f2f6d64626f6f7473747261702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f31322f53637265656e73686f745f32362e706e67) ](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/)  **Learn Bootstrap 5 | Crash Course for Beginners in 1.5H**

 [ ![](https://camo.githubusercontent.com/f09553185a6011b0adc07d5e85ff90ba1bf1074517677c782fa9fa4eaaf6a1ef/68747470733a2f2f6d64626f6f7473747261702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f31322f53637265656e73686f745f32362e706e67) ](https://mdbootstrap.com/learn/mdb-foundations/basics/introduction/#section-beginner)   ---

Demo
====

[](#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.

[](#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

[](#buttons)

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

[ ![](https://camo.githubusercontent.com/ed09f6ff05ecc8e305c96e7714f6540d9df10ecf3d1fb01e038da2bc07f28b06/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d627574746f6e732e676966)](https://mdbootstrap.com/docs/b5/vue/components/buttons/)[ ![](https://camo.githubusercontent.com/6ac6c79acc60cecf9c38f74a6f4d34aaad709aeef015cba03a1dd5fd1b643dcb/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d736f6369616c2d627574746f6e732e706e67)](https://mdbootstrap.com/docs/b5/vue/components/buttons/)[ ![](https://camo.githubusercontent.com/460d34eef5b65c46ac48e4b0b93b1d545225b252c47a586c90dc3b6ea270e184/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d627574746f6e73322e706e67)](https://mdbootstrap.com/docs/b5/vue/components/buttons/)[ ![](https://camo.githubusercontent.com/61ff17c5c1d2363fba1b5a97b00ef7280de9855a900df5dde831f5036432392d/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d627574746f6e732d6f75746c696e652e676966)](https://mdbootstrap.com/docs/b5/vue/components/buttons/)### Spinners

[](#spinners)

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

[ ![](https://camo.githubusercontent.com/86f2ca786af72ece2bf74cdecbdd6a3366e6b895ae94799453803fa73a5a07c7/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d6c6f616465722e676966)](https://mdbootstrap.com/docs/b5/vue/components/spinners/)[ ![](https://camo.githubusercontent.com/df78f348915a292b1f36b5c9a5f0c1fced4364cca219596d6f53fcfaae6cda77/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d636f6c6f722d7370696e6e6572732e676966)](https://mdbootstrap.com/docs/b5/vue/components/spinners/)### Cards

[](#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.

[ ![](https://camo.githubusercontent.com/77021029ce77e6917c98f07334e21d186fd75049ce923544e8328cf5f5f16f95/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d63617264732e706e67)](https://mdbootstrap.com/docs/b5/vue/components/cards/)### Footer

[](#footer)

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

[ ![](https://camo.githubusercontent.com/6fdf38ae148c496dd453d4241c5d8fa6d32bd0491486f5007941782beb3375c6/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d666f6f7465722e706e67)](https://mdbootstrap.com/docs/b5/vue/navigation/footer/)### Hover

[](#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.

[ ![](https://camo.githubusercontent.com/7b1f199336b9679b06ee8bfcf24df38efd5e0dba36c75184bb1a5beac24767aa/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d686f7665722e676966)](https://mdbootstrap.com/docs/b5/vue/content-styles/hover-effects/)[ ![](https://camo.githubusercontent.com/d2a27836acdc5029058c9fbc47f2fc6c65f4c7e8c4acf6fcbebcc79918a86134/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d686f766572322e706e67)](https://mdbootstrap.com/docs/b5/vue/content-styles/hover-effects/)### Notes

[](#notes)

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

[ ![](https://camo.githubusercontent.com/287dbd90159d2634680693826e49eb1c2d1fc9e3308f724356df6348aa8be4bb/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f63616d706169676e732f64656d6f2d616c657274732e706e67)](https://mdbootstrap.com/docs/b5/vue/content-styles/typography/)---

Extended documentation
======================

[](#extended-documentation)

- [Bootstrap Vue Code Blocks](https://mdbootstrap.com/docs/vue/extended/code/)
- [Bootstrap Vue Gallery](https://mdbootstrap.com/docs/vue/extended/gallery/)
- [Bootstrap Vue Hamburger Menu](https://mdbootstrap.com/docs/vue/extended/hamburger-menu/)
- [Bootstrap Vue Jumbotron](https://mdbootstrap.com/docs/vue/extended/jumbotron/)
- [Bootstrap Vue Maps](https://mdbootstrap.com/docs/vue/extended/maps/)
- [Bootstrap Vue Media Object](https://mdbootstrap.com/docs/vue/extended/media-object/)
- [Bootstrap Vue Mega Menu](https://mdbootstrap.com/docs/vue/extended/mega-menu/)
- [Bootstrap Vue Multiselect](https://mdbootstrap.com/docs/vue/extended/multiselect/)
- [Bootstrap Vue Social Media Icons &amp; Buttons](https://mdbootstrap.com/docs/vue/extended/social-media/)
- [Bootstrap Vue Textarea](https://mdbootstrap.com/docs/vue/extended/textarea/)
- [Bootstrap Vue Table Search](https://mdbootstrap.com/docs/vue/extended/table-search/)
- [Bootstrap Vue Table Scroll](https://mdbootstrap.com/docs/vue/extended/table-scroll/)
- [Bootstrap Vue Table Responsive](https://mdbootstrap.com/docs/vue/extended/table-responsive/)
- [Bootstrap Vue Table Sort](https://mdbootstrap.com/docs/vue/extended/table-sort/)
- [Bootstrap Vue Panels](https://mdbootstrap.com/docs/vue/extended/panels/)
- [Bootstrap Vue Masonry](https://mdbootstrap.com/docs/vue/extended/masonry/)
- [Bootstrap Vue Contact](https://mdbootstrap.com/docs/vue/extended/contact/)
- [Bootstrap Vue Gradients](https://mdbootstrap.com/docs/vue/extended/gradients/)
- [Bootstrap Vue Pagination](https://mdbootstrap.com/docs/vue/extended/pagination/)
- [Bootstrap Vue Search](https://mdbootstrap.com/docs/vue/extended/search/)

###  Health Score

43

—

FairBetter than 90% of packages

Maintenance48

Moderate activity, may be stable

Popularity28

Limited adoption so far

Community29

Small or concentrated contributor base

Maturity60

Established project with proven stability

 Bus Factor2

2 contributors hold 50%+ of commits

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~47 days

Recently: every ~120 days

Total

15

Last Release

1752d ago

Major Versions

5.8.3 → 6.0.02019-10-28

### Community

Maintainers

![](https://www.gravatar.com/avatar/e862f99d830753499ebef610cddfb7b17652e4fc32dc0aad40b4d9c8d5bf5c3d?d=identicon)[JacekOk](/maintainers/JacekOk)

---

Top Contributors

[![marveluck](https://avatars.githubusercontent.com/u/40147294?v=4)](https://github.com/marveluck "marveluck (21 commits)")[![smolenski-mikolaj](https://avatars.githubusercontent.com/u/31181850?v=4)](https://github.com/smolenski-mikolaj "smolenski-mikolaj (6 commits)")[![juujisai](https://avatars.githubusercontent.com/u/52455076?v=4)](https://github.com/juujisai "juujisai (5 commits)")[![filipkappa](https://avatars.githubusercontent.com/u/33746455?v=4)](https://github.com/filipkappa "filipkappa (5 commits)")[![FiretronP75](https://avatars.githubusercontent.com/u/2472969?v=4)](https://github.com/FiretronP75 "FiretronP75 (3 commits)")[![JacekOk](https://avatars.githubusercontent.com/u/53299124?v=4)](https://github.com/JacekOk "JacekOk (2 commits)")[![bwsky-a](https://avatars.githubusercontent.com/u/51816981?v=4)](https://github.com/bwsky-a "bwsky-a (2 commits)")[![poppabear8883](https://avatars.githubusercontent.com/u/7263458?v=4)](https://github.com/poppabear8883 "poppabear8883 (1 commits)")[![mattonit](https://avatars.githubusercontent.com/u/4998725?v=4)](https://github.com/mattonit "mattonit (1 commits)")[![JStrebeyko](https://avatars.githubusercontent.com/u/29918028?v=4)](https://github.com/JStrebeyko "JStrebeyko (1 commits)")[![PiotrGusciora](https://avatars.githubusercontent.com/u/110597064?v=4)](https://github.com/PiotrGusciora "PiotrGusciora (1 commits)")

---

Tags

bootstrapbootstrap5material-designuikitvue

### Embed Badge

![Health badge](/badges/mdbootstrap-vue-bootstrap-with-material-design/health.svg)

```
[![Health](https://phpackages.com/badges/mdbootstrap-vue-bootstrap-with-material-design/health.svg)](https://phpackages.com/packages/mdbootstrap-vue-bootstrap-with-material-design)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
