KPI / Metric Card
KPI
A single metric with its change, as a card with a dot and delta, a plain card with a caption, or an inline value.
Usage
12.4%
Revenue
$48.2K
Installation
npm install @wunderui/reactThen import what you need:
import { StatCard } from "@wunderui/react"Examples
Style
Three ways to show one figure: with its trend, the value alone, or inline inside a sentence or table row.
12.4%
Revenue
€48.2K
Active users
1,204
+12% vs last month
98.2%Conversion
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