Metro Bootstrap Jun 2026

<button class="button primary">Primary</button> <button class="button secondary">Secondary</button> <button class="button success outline">Outline</button>

You can include Metro UI in your project via CDN (fastest way) or npm. metro bootstrap

Heavy reliance on clean, sans-serif fonts (like Segoe UI or Open Sans). button class="button primary"&gt

<div class="app-bar fixed-bottom bg-darkCobalt"> <a class="app-bar-item" href="#"> <span class="mif-home icon"></span> </a> <a class="app-bar-item" href="#"> <span class="mif-cog icon"></span> </a> </div> button class="button secondary"&gt

The tile system is incredibly efficient for displaying "at-a-glance" data like server status, user counts, or notification alerts.

: Clone the repository or download the Metro UI CSS zip file. Extract and link the metro.min.css and metro.min.js files in your project directory. Key Features & Components