---
title: "CMS Product Card — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is CMS Product Card?"
canonical: "https://framer.elliotli.dev/component/cms-product-card"
---

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

# CMS Product Card

High-converting digital product cards.

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

![CMS Product Card preview image 1](https://framer.elliotli.dev/og/component/cms-product-card/9614b823f77d6b8a/1600x1200.jpg)

## Summary

What is CMS Product Card?

## Description

## What is CMS Product Card?

A highly polished interface designed to present digital goods with maximum impact. It combines interactive 3D spatial hover effects with critical conversion metrics like ratings, sales data, and pricing. Ideal for digital creators and marketplaces, it connects to your CMS to instantly generate premium storefronts that drive sales and build trust.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Interactive 3D cursor tracking that tilts the layout based on mouse position
    
-   Dynamic glass glare overlays that react fluidly to user movement
    
-   Integrated conversion metrics including animated star ratings and sales figures
    
-   Dynamic pricing displays with automatic strikethrough logic for discounts
    
-   Customizable call-to-action buttons with built-in or custom uploaded icons
    
-   Advanced theme engine featuring six distinct visual styles and complete color overrides
    

## Controls inside Framer

### Identity

-   Cover Image
    
-   Title
    
-   Creator
    
-   Description
    

### Pricing

-   Pricing (Free or Paid)
    
-   Price
    
-   Old Price
    

### Metrics

-   Show Metrics
    
-   Rating
    
-   Reviews
    
-   Sales
    

### Formats

-   Show Formats
    
-   Format 1
    
-   Format 2
    
-   Format 3
    

### CTA

-   Button Text
    
-   Button Link
    
-   Button Icon
    
-   Custom Icon
    

### Style

-   Theme
    
-   Radius
    
-   Custom Colors
    

### Animation

-   Tilt Degree
    
-   Glare Opacity
    

### Typography

-   Heading Font
    
-   Body Font
    
-   Button Font
    

## Best use cases

-   Digital asset marketplaces selling UI kits and design files
    
-   Independent creators offering eBooks, guides, and courses
    
-   Software developers showcasing new tools and plugins
    
-   Agencies presenting premium downloadable resources
    

Elevate your digital storefront and increase conversions with spatial interactions.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #9380

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-06-04
- **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