Released Installed
Bootstrap 5 & Material Design UI kit — free MIT components.
Font Awesome and Roboto are recommended by MDB (CDN shown). CSS/JS below are from this host.
<!-- Font Awesome + Roboto (optional but recommended) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<!-- MDB CSS -->
<link rel="stylesheet" href="https://cdn.roste.org/mdb-ui-kit/latest/mdb.min.css" />
<!-- MDB JS (UMD) before </body> -->
<script src="https://cdn.roste.org/mdb-ui-kit/latest/mdb.umd.min.js"></script><!-- Font Awesome + Roboto (optional but recommended) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<!-- MDB CSS -->
<link rel="stylesheet" href="https://cdn.roste.org/mdb-ui-kit/latest/mdb.min.css" />
<!-- MDB JS (UMD) before </body> -->
<script src="https://cdn.roste.org/mdb-ui-kit/latest/mdb.umd.min.js"></script><!-- Font Awesome + Roboto (optional but recommended) -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<!-- MDB CSS -->
<link rel="stylesheet" href="latest/mdb.min.css" />
<!-- MDB JS (UMD) before </body> -->
<script src="latest/mdb.umd.min.js"></script>Material-styled Bootstrap card from MDB UI Kit.
Background variant.
<div class="form-outline" data-mdb-input-init>
<input type="text" id="form1" class="form-control" />
<label class="form-label" for="form1">Example label</label>
</div>