BASED ON GOOGLE MATERIAL DESIGN · BOOTSTRAP 5

Build with
Material
Design.

A fully responsive, Google Material 3 skin for Bootstrap 5. Drop in one CSS file — every component transforms instantly.

volunteer_activism Become a Rence Material Sponsor
menu_bookGET STARTED
Start here!
downloadDOWNLOAD
v1.5
Stable release
BS5
Bootstrap core
M3
Material 3
person
Material User Profile
Bootstrap 5 Card layout
CANCEL
SAVE
Preferences updatedUNDO
add
Email address
rence@bliteoc.com
WHY RENCE MATERIAL

Everything you need to build
with Material Design.

Modern & Clean

Rence Material Identity

A tonal color system built on the official Rence #152d61, with M3-compliant containers, surfaces, and state layers.

Material 3 Components

Every Bootstrap component reskinned to Material 3 standards — buttons, cards, chips, dialogs, and more.

Bootstrap 5 Core

Write familiar Bootstrap markup. Zero JavaScript changes. Drop in the CSS and your app is Materialized.

Fully Responsive

Mobile-first layouts that adapt gracefully. The same Material experience on every screen size.

QUICK START

One file.
Endless possibilities.

Replace your Bootstrap CSS with Rence Material CSS. That's it. Your existing markup instantly gains a polished Material 3 look.

READ THE DOCSarrow_forward
index.html
<link rel="stylesheet" href=
  "https://cdn.jsdelivr.net/gh/davidabalaku/material@main/dist/css/rence-material.min.css">

<!-- That's it! All your Bootstrap
     markup is now Material 3 -->

<button class="btn btn-primary">
  Filled Button
</button>

<div class="card">
  <div class="card-body">
    Material card ✓
  </div>
</div>