# Metric card

A compact summary for a number that needs context.

- ID: `metric-card`
- Import: `animui/metric-card`
- Category: Data
- Runtime exports: `MetricCard`
- Declaration: `types/free/components/metric-card.d.ts`
- Type provenance: emitted-original-typescript
- Related: animated-counter, sparkline, gauge

```tsx
import { MetricCard } from 'animui/metric-card';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info metric-card` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { MetricCard } from '../registry/components/metric-card/metric-card.js';
export type { MetricCardProps } from '../registry/components/metric-card/metric-card.js';
```