---
title: "CaseMetricCard — Free Framer component · Best of Framer"
description: "Free Framer component · by Spyridon Merkouris · Cards. Showcase results with confidence"
canonical: "https://framer.elliotli.dev/component/casemetriccard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/CaseMetricCard

# CaseMetricCard

Showcase results with confidence

[View on Framer](https://framer.com/marketplace/components/casemetriccard/?via=elliot-li)

![CaseMetricCard preview image 1](https://framer.elliotli.dev/og/component/casemetriccard/1381d7cd26394600/1600x1200.jpg)

## Summary

Showcase results with confidence

## Description

### **What it does**

A case study card that combines project visuals, client information, and measurable results in a responsive two-column layout.

### **Features**

Image or browser mockups, animated metrics, progress bars, stat rows, responsive layouts, link options, theme presets, hover effects, entrance animations, and accessibility support.

### **How to use**

Add your project details, upload a screenshot, enter your results, choose a theme, and link the card to a full case study or project page.

### **Ideal for**

Agencies, freelancers, SaaS companies, studios, consultants, portfolios, and marketing websites.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4106

## Details

- **Author**: Spyridon Merkouris
- **Published**: 2026-07-22
- **Updated**: 2026-07-22
- **Added**: 2026-07-22
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards