Skip to content

component

FanCard

By Mahmood Ali

Details

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 (Available for Custom Projects)

Introduction

Stacked photo fan card with hover reveal

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300136678/148/228/309/79/15
  • All · #3667