KPI Grid

>npx @shavin/cli add metrics-kpi-grid

September 2026

Your month at a glance

Net worth

$184,276.52

+2.4%

vs Aug 31

Spending

$6,412.38

−6.8%

vs August

Income

$9,840.00

0.0%

vs August

Savings rate

35%

+4 pts

vs August

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add metrics-kpi-grid

100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.

Tags:#metrics#kpi#cards