---
title: "Hover & Blur Cards — Framer component · Best of Framer"
description: "$1.00 · Framer component · by TaktForm · Cards. Display 3 fully interactive image cards, each card elegantly highlights on hover while subtly blurring out the other two."
canonical: "https://framer.elliotli.dev/component/hover-blur-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Hover & Blur Cards

# Hover & Blur Cards

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

![Hover & Blur Cards preview image 1](https://framer.elliotli.dev/og/component/hover-blur-cards/44f089b1676e39a1/1600x1200.jpg)

## Summary

Display 3 fully interactive image cards, each card elegantly highlights on hover while subtly blurring out the other two.

## Description

Display 3 fully interactive image cards, **each card elegantly highlights on hover while subtly blurring out the other two**.

Mobile variant available as well.

Complete Customizability:

-   Upload custom images for default and hover states per card
    
-   Edit text color and size for perfect branding
    
-   Personalize animation style and transition speed to suit your site's personality
    
-   Link cards to any internal page or external URL for seamless, intuitive navigation
    

Perfect for portfolios, product showcases, team features, galleries and more.

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

-   All · #6374

## Details

- **Author**: TaktForm
- **Price**: $1.00
- **Published**: 2025-11-18
- **Updated**: 2025-11-17
- **Added**: 2025-11-04
- **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