Metric card

A compact summary for a number that needs context.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/metric-card.json

Files

• registry/components/metric-card/metric-card.tsx
• registry/components/metric-card/metric-card.module.css
• registry/components/animated-counter/animated-counter.tsx
• registry/components/animated-counter/animated-counter.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Card Components
• React Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Stat Components
• React Stat Components
• Animated Stat Components
• Stat Card Components
• Animated Stat Card Components

More from Arc Library

• Animated counter
• Blog grid
• Card
• Expandable card
• Radio cards
• Slot text
• Stats band
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert