---
title: "CMS Showcase Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Vee Maji · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/cms-showcase-card"
---

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

# CMS Showcase Card

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

![CMS Showcase Card preview image 1](https://framer.elliotli.dev/og/component/cms-showcase-card/f0d2bbabeb0c9841/1600x1200.jpg)

## Summary

Setup Steps 1.

## Description

## Setup Steps

1\. **Create Your CMS Collection**

Create a new CMS Collection called **Projects** with these fields:

-   **Project Title** - Text
    
-   **Project Category -** Text
    
-   **Project Thumbnail** - Image
    
-   **Project Overview** \- Text
    
-   **Tools**\- Text
    
-   **Client Name** \- Text
    
-   **Project Duration -** Text
    
-   **Project Link** - URL
    
-   **Project Description** - Rich Text
    

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

2\. **Connect the Fields**

-   **Bind Project Title** → Text Layer
    
-   **Bind Project Category** → Text Layer
    
-   **Bind Project Thumbnail** → Image Layer
    
-   **Bind Project Overview** → Text Layer
    
-   **Bind Client Name** → Text Layer
    
-   **Bind Project Duration** → Text Layer
    
-   **Bind Project Description** → Label
    
-   **Bind Tools Used** → Text Layer
    
-   **Bind Project Link** → Button Link
    

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

3\. **Customize the Design**

-   Adjust the card’s corner radius to your preference.
    
-   Change text styles and colors directly from the layer panel.
    

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

-   All · #116

## Details

- **Author**: Vee Maji
- **Published**: 2025-11-03
- **Updated**: 2026-01-01
- **Added**: 2025-10-20
- **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