---
title: "3D Product Cards — Framer component · Best of Framer"
description: "$11.00 · Framer component · by Alexej Luft · Cards. Tilt, Parallax & Spotlight Hover"
canonical: "https://framer.elliotli.dev/component/3d-product-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Product Cards

# 3D Product Cards

Tilt, Parallax & Spotlight Hover

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

![3D Product Cards preview image 1](https://framer.elliotli.dev/og/component/3d-product-cards/eb959b830c2ecf3a/1600x866.jpg)

## Summary

Tilt, Parallax & Spotlight Hover

## Description

Three sculpted product cards on a cinematic stage. They tilt toward your cursor with spring physics, a stage light follows your pointer, and the headlines shimmer in gold. Swap images and colors — it sells anything.

### Why you'll love it

-   **Premium in minutes:** paste one link and a finished product section appears.
    
-   **No code, ever:** every layer is a real Framer element — recolor, retype, reshoot, done.
    
-   **Built for first-timers:** the included guides walk you through everything.
    

### What it does

-   **3D tilt:** each card follows the cursor; image, text and button sit on separate depth layers (real parallax).
    
-   **Pointer stage light:** a soft light tracks your mouse — warm glow on dark themes, cocoa shading on light ones.
    
-   **Gold shimmer headlines** and a **soft-press button** with a satisfying 0.45s push.
    
-   **7 complete theme sections:** Vanilla, Ember, four metallic Desert looks and Nocturne — every color tuned.
    
-   **Cinematic scrolling:** one scroll gesture glides exactly one section, buttery ease-in-out.
    
-   **Fast & polite:** motion pauses off-screen, no external fonts, reduced-motion aware, responsive on desktop, tablet and phone.
    

### What you get

-   **The component link** — paste it into any Framer project and the cards appear.
    
-   **The full editable project via remix** — 3 cards × 7 themes, every layer open on the canvas.
    
-   **Bonus pack in 7 languages:** Start-Here guide, customize guide, two AI prompts (Framer agent + ChatGPT/Claude), commercial license, free lifetime updates.
    

### Perfect for

Bakeries, cafés and restaurants going online for the first time · e-commerce product highlights · portfolios and landing pages.

### Support & updates

Personal email support (a human, not a bot) and free lifetime updates — new versions land in your download area automatically.

Paste it, make it yours, go live.

🔍 3d cards, tilt cards, product cards, parallax, spotlight hover, 3d tilt, product showcase, bakery, restaurant, e-commerce, no-code animation

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

-   All · #1996

## Details

- **Author**: Alexej Luft
- **Price**: $11.00
- **Published**: 2026-07-05
- **Updated**: 2026-07-05
- **Added**: 2026-07-05
- **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