---
title: "Light Cards 3D — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Light Cards 3D?"
canonical: "https://framer.elliotli.dev/component/light-cards-3d"
---

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

# Light Cards 3D

3D cards with dynamic hover.

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

![Light Cards 3D preview image 1](https://framer.elliotli.dev/og/component/light-cards-3d/12044538e50f0d4e/1600x1200.jpg)

## Summary

What is Light Cards 3D?

## Description

## **What is Light Cards 3D?**

Light Cards 3D brings spatial depth and physics-driven interactions to your layouts. As users hover, items tilt based on cursor position while dynamic glare tracks movement. When placed in grids, focusing on one item automatically dims and blurs its siblings, creating a premium viewing experience. Ideal for portfolios, product showcases, and feature grids.

## **Core Features**

-   Physics-driven 3D tilt responding to cursor position
    
-   Dynamic glare overlay that tracks pointer movement
    
-   Global hover synchronization to dim and blur sibling items
    
-   Native CMS Collection List compatibility
    
-   Glassmorphic floating eyebrow pill
    

## **Controls inside Framer**

### **Content**

-   Image
    
-   Eyebrow Text
    
-   Heading Text
    
-   Description Text
    

### **Typography & Colors**

-   Heading Font and Color
    
-   Description Font and Color
    
-   Eyebrow Font and Color
    

### **3D Configuration**

-   Perspective
    
-   Tilt Angle
    

## **Best use cases**

-   Premium portfolio galleries displaying case studies
    
-   High-end eCommerce product showcases
    
-   Feature highlights on SaaS landing pages
    
-   Immersive blog post or article grids
    

Enhance your interface with physics-driven spatial depth and professional polish in minutes.

## **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 · #9625

## Details

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