---
title: "Card Focus — Free Framer component · Best of Framer"
description: "Free Framer component · by Detailed · Cards. Animated image cards with hover effects"
canonical: "https://framer.elliotli.dev/component/card-hover-blur"
---

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

# Card Focus

Animated image cards with hover effects

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

![Card Focus preview image 1](https://framer.elliotli.dev/og/component/card-hover-blur/bdcdca80a073c8ac/1600x1200.jpg)

## Summary

Animated image cards with hover effects

## Description

Each card supports an image, an optional logo, a title, and a text field - all customizable in position, alignment, color, and size. Cards can link to internal pages or external URLs.

## Key Features:

-   Responsive (the cards automatically adjust to the device)
    
-   Staggered appear animation with adjustable duration and delay
    
-   Hover-to-focus effect with blur on non-hovered cards
    
-   Scroll-aware active state on mobile
    
-   Logo/text overlay with configurable position
    
-   Optional background pill behind logo and text
    
-   Per-card link support with new tab option
    
-   Fully adjustable grid: gap, card size, aspect ratio, and border radius
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7km00sxy-T6stYN7WNP4nzefo9q3xY4X0eCJbHg)

✦ Designed in Switzerland. Built for the world.

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

-   All · #1478

## Details

- **Author**: Detailed
- **Published**: 2026-04-14
- **Updated**: 2026-06-08
- **Added**: 2026-04-14
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator