---
title: "Media Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Juanita · Cards. A clean editorial blog card with image a"
canonical: "https://framer.elliotli.dev/component/media-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Media Card

# Media Card

A clean editorial blog card with image a

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

![Media Card preview image 1](https://framer.elliotli.dev/og/component/media-card/892bf44cc9cc8658/1600x1200.jpg)

## Summary

A clean editorial blog card with image a

## Description

A responsive blog card component featuring a full-width cover image, bold headline, and truncated text excerpt. Ideal for blog grids, editorial layouts, and content-heavy sites. Colours and typography are fully customisable to match any brand.

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

-   All · #3670

## Details

- **Author**: Juanita
- **Published**: 2026-04-21
- **Updated**: 2026-04-13
- **Added**: 2026-04-03
- **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