Back to Recipes
Patterns

Metrics Card

Multi-column KPI display with metric values, trend badges, and clickable sections. Responsive collapse on small screens.

Live Example
Total Designs15612%Units Sold2,8470%Return Rate3.2%1%

Problem

Displaying key performance indicators at a glance

When to use
  • Dashboard overviews
  • Analytics summaries
  • Performance snapshots
When not to use
  • Detailed reports
  • Single metric displays

Get this recipe

Full source code included in Polaris Kit.

Get Lifetime Access