---
title: "FanCard — Free Framer component · Best of Framer"
description: "Free Framer component · by Mahmood Ali · Cards. FanCard is the card component that actually gets noticed."
canonical: "https://framer.elliotli.dev/component/fancard"
---

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

# FanCard

Stacked photo fan card with hover reveal

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

![FanCard preview image 1](https://framer.elliotli.dev/og/component/fancard/bb3d05e05ffecdce/1600x1200.jpg)

## Summary

FanCard is the card component that actually gets noticed.

## Description

### FanCard is the card component that actually gets noticed. Most cards just sit there.

FanCard responds — the moment a visitor hovers, a stack of images fans open with a smooth, natural motion that feels premium without trying too hard. It's the kind of micro-interaction that makes people stop scrolling and start reading.

### THE INTERACTION:

On idle, images stack cleanly on top of each other — compact, editorial, intentional. On hover, each image fans out in its own direction with a satisfying spread. The effect is subtle enough to feel refined and dynamic enough to feel alive. It works on first impression every single time.

### USE IT FOR ANYTHING:

FanCard is built to be versatile. Drop it into any section and it fits:

-   Services — show what you offer with visual proof front and center
    
-   Case Studies — let project images preview the work before the click
    
-   Portfolio Grid — make each project entry feel worth exploring
    
-   Team Profiles — stack headshots or behind-the-scenes photos
    
-   Product Showcases — fan out product angles or lifestyle shots
    
-   Agency Offerings — present capabilities with visual credibility
    
-   Niche Landing Pages — photographers, architects, studios, consultants
    
-   Pricing Tiers — pair with package descriptions for a premium feel
    

**_If it needs a card with images, FanCard handles it._**

### DESIGNED TO SELL:

At $9 this is one of the fastest ways to make your Framer site feel genuinely interactive. One card, one hover, and the entire section feels like it was built by a team — not assembled from a template.

### For customization or brand alignment support, reach out anytime,

[Email: uxuistrategist@gmail.com](mailto:uxuistrategist@gmail.com)

(Available for Custom Projects)

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

-   All · #3210

## Details

- **Author**: Mahmood Ali
- **Published**: 2026-05-06
- **Updated**: 2026-05-07
- **Added**: 2026-04-22
- **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