gitmyhub

material-design-for-bootstrap

JavaScript ★ 9.3k updated 2mo ago

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

Material Design for Bootstrap (MDB) is a free UI kit with 700+ ready-made web components styled to Google's Material Design spec, built on Bootstrap 4. Note: a newer Bootstrap 5 version is available on the MDB website.

JavaScriptCSSBootstrapAngularReactVuesetup: easycomplexity 1/5

Material Design for Bootstrap (MDB) is a UI kit that gives web developers a large library of ready-made visual components to use when building websites. Components are the individual building blocks of a website's interface: buttons, forms, navigation bars, cards, modals, and so on. This package offers over 700 of them, all styled to follow Google's Material Design guidelines and built on top of Bootstrap 4, a widely used CSS framework.

Note that this particular repository is for the older Bootstrap 4 version. The README prominently points users toward the newer Bootstrap 5 version on the MDB website, and suggests migrating if possible.

The kit is free to use under the MIT license, meaning you can use it in personal or commercial projects without paying. Installation is available through npm (a standard JavaScript package manager), a downloadable zip file, or a CDN link you paste into an HTML page. The README claims the basic setup takes about one minute.

Versions are also available for Angular, React, and Vue, which are popular JavaScript frameworks for building web applications. The README does not go into technical details about which components differ between these framework versions.

There is an associated hosting service called MDBGO that the README promotes alongside the kit. It offers free hosting, support for WordPress, custom domains, SSL, and a database, and is presented as a companion product for teams that want to deploy sites built with MDB. Integration with an e-commerce setup through WordPress is also mentioned.

The README includes tutorial links and YouTube video content aimed at people learning Bootstrap. The project claims to be used by over two million developers and designers worldwide.

Where it fits