---
title: "Fan Out — Framer component · Best of Framer"
description: "$7.00 · Framer component · by DariStudio · Cards. Fan Out is a scroll-driven hero: a neat pile of photo cards deals itself out along an arc as you scroll — like a hand of cards fanned open —…"
canonical: "https://framer.elliotli.dev/component/fan-out"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Fan Out

# Fan Out

A photo deck dealt by scroll

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

![Fan Out preview image 1](https://framer.elliotli.dev/og/component/fan-out/61d621af97b6ee07/1600x1200.jpg)

## Summary

Fan Out is a scroll-driven hero: a neat pile of photo cards deals itself out along an arc as you scroll — like a hand of cards fanned open — while your headline fades in above.

## Description

Fan Out is a scroll-driven hero: a neat pile of photo cards deals itself out along an arc as you scroll — like a hand of cards fanned open — while your headline fades in above. Everything is controlled from the properties panel: images, card count and width, fan spread and radius, pile randomness, stagger, corner radius, headline text and font, colors, scroll track length and end hold. Shows a clean static frame on the canvas and in exports (adjustable preview position) and respects reduced motion.

Perfect for photographers, creative studios, portfolio and event sites — anywhere a set of photos deserves a cinematic intro instead of a plain grid. Pairs with Spiral In for a matched set of opposite moves: one deals the deck out, the other gathers it back.

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

-   All · #8317

## Details

- **Author**: DariStudio
- **Price**: $7.00
- **Published**: 2026-07-15
- **Updated**: 2026-07-15
- **Added**: 2026-07-15
- **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