Browse

Components
Charts
Icons

Build

MCP for AI agents
CLI and docs
Resources

Systems

Loopo
MailPulse
Auton
Axon
Veriq
Vantage

You

Saved and recent
Pricing

Changelog License© 2026

More kpi and stats

KPI strip component preview

KPI stripLoopoCodeFree

KPI strip, Total audience component preview

KPI strip, Total audienceLoopoCodeFree

KPI 1 component preview

KPI 1LoopoCodeFree

Step stats component preview

Step statsLoopoCodeFree

Guides

Best dashboard UI kits for 2027: 10 picks for React, Tailwind and Figma
shadcn/ui alternatives in 2027: what to use instead, and when to stay
MCP for UI: how to give your AI coding agent a real design system

Components/Loopo/KPI and stats

KPI card

Metric card with icon, value, delta pill and an area sparkline in an inner well.

System: Loopo
Category: KPI and stats
Plan: Free
Includes: React, Figma, PNG, SVG, JPEG
npm: None
Uses: delta-chip, icons, chart-kit
Stack: React 19, Tailwind v4

npx ingotui add kpi-card

Prompt for your AI agent

With the Ingot MCP connected, paste this into Claude Code, Cursor or Codex.

Use the Ingot UI MCP to add the "kpi-card" component (Loopo system) to this project, install its dependencies and render it on the dashboard page.

Gross volume

$84,32012.4%vs last month

Refunds

$1,2043.1%vs last month