---
title: "Card Panels 3D — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. Interactive 3D cards with glass overlays"
canonical: "https://framer.elliotli.dev/component/card-panels-3d"
---

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

# Card Panels 3D

Interactive 3D cards with glass overlays

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

![Card Panels 3D preview image 1](https://framer.elliotli.dev/og/component/card-panels-3d/6783ce119fa17373/1600x1200.jpg)

## Summary

Interactive 3D cards with glass overlays

## Description

## What is 3D Card Panels?

3D Card Panels is an interactive, highly polished Framer component designed to present data, features, and insights beautifully. With a dynamic 3D tilt effect, hovering glassmorphic panels, and a sleek feature list, it transforms standard feature cards into engaging, premium focal points for modern websites, dashboards, and landing pages.

[![](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 tilt and ambient cursor glow effects
    
-   Floating glassmorphic data panels with built-in tooltips
    
-   Beautifully styled, compact Call-to-Action buttons
    
-   Pre-built vibrant colour themes and full customisation support
    
-   Fully responsive with four distinct layout variations
    

## Controls inside Framer

### Content

-   Card Title & Description
    
-   Configurable Feature Items list
    

### Top-Level Settings

-   Background Image selector
    
-   Pre-built Theme colours
    

### Custom Colors

-   Complete control over text, panels, borders, and overlays
    

### Primary Panel

-   Stat Value, Label, and Tooltip configuration
    
-   CTA Text and Link controls
    

### Secondary Panel

-   Toggle visibility and set Title and Description text
    

### Appearance

-   Layout positioning (Default, Reversed, Stacked)
    
-   Corner radius, blur intensity, and overlay opacity
    

### 3D Effects

-   Max Tilt angle and Tilt Speed
    
-   Panel Depth projection and ambient Glow Intensity
    

### Typography

-   Complete control over Headline, Label, and Body fonts
    

## Best use cases

-   SaaS product feature highlights and capabilities
    
-   Financial and data analytics dashboard previews
    
-   Premium pricing tier highlights
    
-   Modern landing page hero or conversion sections
    

Deliver a premium, highly engineered aesthetic instantly and elevate your site's engagement.

## 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 · #10834

## Details

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