KPI / Metric Card
KPI Group
A row of KPIs sharing one bordered container.
Usage
8.2%
MRR
$12.4K
0.3%
Churn
1.8%
Installation
npm install @wunderui/reactThen import what you need:
import { KPIGroup } from "@wunderui/react"Examples
Three metrics
MRR, churn and active seats side by side, each with its change.
8.2%
MRR
$12.4K
0.3%
Churn
1.8%
12
Active Seats
342
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Dashboard overview
A tab navigation, the KPI group and the cards below on one grid — the top of an analytics dashboard.
12.4%
Revenue
€48.2K
7.7%
Orders
1,204
3.1%
Refunds
€980
Revenue
Last 6 months
Top customers
WunderUI GmbH€24.8K
Acme Inc.€12.4K
Halcyon Labs€3.2K