---
title: "CMS Download Card — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Riccardo Fala · Cards. CMS Download Card lets you create modern downloadable file cards directly inside Framer using CMS collections or uploaded assets."
canonical: "https://framer.elliotli.dev/component/cms-download-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/CMS Download Card

# CMS Download Card

CMS-powered downloadable file cards

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

![CMS Download Card preview image 1](https://framer.elliotli.dev/og/component/cms-download-card/34ce8d0d853ff012/1600x1200.jpg)

## Summary

CMS Download Card lets you create modern downloadable file cards directly inside Framer using CMS collections or uploaded assets.

## Description

## CMS Download Card lets you create modern downloadable file cards directly inside Framer using CMS collections or uploaded assets.

Display downloadable resources with clean layouts, hover interactions, thumbnails, metadata, and responsive styling. Perfect for documents, media kits, PDFs, presentations, downloads pages, client resources, portfolios, and gated content sections.

### 📁 Supports:

-   PDF
    
-   Word
    
-   Excel
    
-   MP4
    
-   SVG
    
-   PowerPoint
    
-   Most file formats supported by Framer CMS
    

### 🧩 Choose between 3 layouts:

-   Card
    
-   List
    
-   Bento
    

### 🛠️ Features

-   Open files in a new tab
    
-   Direct file download support
    
-   CMS-powered file URLs
    
-   Upload local files directly
    
-   Responsive layouts
    
-   Thumbnail support
    
-   Optional category tags
    
-   Hover effects and glow styling
    
-   Custom typography and spacing controls
    
-   Smooth animations
    
-   Works inside CMS Collection lists
    

### 🎨 Customise

-   Colours
    
-   Radius
    
-   Typography
    
-   Spacing
    
-   Hover styles
    
-   Glow effects
    
-   Layout variants
    

### ⚙️ How to use

1.  Add the component to your page or CMS item
    
2.  Connect a file URL or upload a file
    
3.  Add optional image, title, subtitle, category, and metadata
    
4.  Choose your layout style
    
5.  Select download or open-in-new-tab behaviour
    
6.  Customise the design from the properties panel
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vakvrf0u-kDovpEOCeYaRXzFAJOyc9nTuIAyr3F)

## Demo

[cms-download-card.framer.website](https://cms-download-card.framer.website/)

**_Refund Policy:_** _This is a digital product, so refunds are not available after purchase. If you experience any issues or bugs, contact me and I will help resolve them._

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

-   All · #2906

## Details

- **Author**: Riccardo Fala
- **Price**: $8.00
- **Published**: 2026-05-26
- **Updated**: 2026-11-06
- **Added**: 2026-05-13
- **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