Bootstrap 5 & Material Design UI KIT

Preview:

Description:

This is a pure JavaScript/CSS UI Kit to help you quickly build Material Design web applications using Bootstrap 5 and 700+ built-in UI components.

Full free for both commercial and personal use.

How to use it:

1. Download the package and load the following JavaScript & CSS files in the document.

<!-- MDB icon -->
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
/>
<!-- MDB -->
<link rel="stylesheet" href="css/mdb.min.css" />
<!-- Custom styles -->
<style></style>
<!-- MDB -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript"></script>

2. Happy coding.

More Previews:

Carousel

Buttons

Cards

Form Elements

Progress Bars

Loading Spinners

Alerts

Dropdown

Modal

Navbar

Changelog:

06/16/2025

• Update to 9.1.0