KPI Summary Grid

Community Tier (Free & Open Source)metrics
>npx @shavin/cli add metrics-kpi-grid

k.title

k.value

k.change

Installation via CLI

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

npx @shavin/cli add metrics-kpi-grid

Token & Spatial Architecture

  • 100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
  • Concentric Radius Law: Nested containers maintain R_inner = max(0, R_outer - P) for geometric harmony.
  • Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.
Tags:#metrics#kpi#dashboard
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font