Skip to main content

Overview

KPI Stat Cards provide standardized metric indicators for SaaS dashboards, financial reports, and administrative interfaces.

Metric Card Grid

Total Revenue
💳
$128,430
↑ 14.8% vs last month
Active Users
👥
42,850
↑ 8.2% vs last month
Churn Rate
📉
1.24%
↓ 0.4% vs last month 
<div class="kpi-card">
  <div class="kpi-header">
    <span class="kpi-title"><span>Total Revenue</span></span>
    <div class="kpi-icon"><span>💳</span></div>
  </div>
  <div class="kpi-value"><span>$128,430</span></div>
  <div class="kpi-footer">
    <span class="kpi-trend kpi-trend-up"><span>↑ 14.8%</span></span>
    <span class="kpi-subtitle"><span>vs last month</span></span>
  </div>
</div>