---
title: "Card Deck Spread — Free Framer component · Best of Framer"
description: "Free Framer component · by Rafael Rodrigues · Cards. A dynamic card deck gallery for Framer"
canonical: "https://framer.elliotli.dev/component/card-deck-spread"
---

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

# Card Deck Spread

A dynamic card deck gallery for Framer

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

![Card Deck Spread preview image 1](https://framer.elliotli.dev/og/component/card-deck-spread/8a2364dffa8d5e9b/1600x1200.jpg)

## Summary

A dynamic card deck gallery for Framer

## Description

Fully customizable and perfect for portfolios, product showcases, and interactive galleries—no coding required.

## Key Features and controls

-   **Interactive cards** → Hover to reveal card titles; click to open custom links.
    
-   **Flexible content** → Display between 2 and 20 cards, with per-breakpoint control for desktop, tablet, and mobile.
    
-   **Animation Trigger** → Choose how the initial animation starts: on scroll, on click, after a delay, or instantly.
    
-   **Animation Intensity** → Adjust animation speed for smoother or snappier transitions.
    
-   **Customizable visuals** → Adjust card size, spacing, border radius, shadow, blur, and hover border/background color.
    
-   **Typography options** → Works seamlessly with Framer’s native fonts for overlay text.
    
-   **Images** → Upload and assign a unique image to each card.
    
-   **Titles & Links** → Set hover titles and link destinations.
    
-   **Responsive layout** → Adjust card size, spacing, and number of cards per breakpoint.
    

## How it works

1.  Drag the component onto your Framer canvas.
    
2.  Add 2–20 cards, assigning images, titles, and links.
    
3.  Adjust card size, spacing, and number of cards per breakpoint.
    
4.  Customize visuals, borders, and typography.
    
5.  Choose how the initial animation triggers.
    
6.  Preview live and publish—fully interactive, no code needed.
    

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

-   All · #1490

## Details

- **Author**: Rafael Rodrigues
- **Published**: 2025-11-19
- **Updated**: 2026-03-23
- **Added**: 2025-10-23
- **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