component
FanCard
By Mahmood Ali
Details
- Mahmood AliAuthor
- componentType
- 2026-05-06Published
- 2026-05-07Updated
- 2026-04-22Added
- CardsCategories
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.
- All · #3667