---
title: "Real 3D Layered card — Free Framer component · Best of Framer"
description: "Free Framer component · by Elyes Belghith · Cards. Beautiful glassy card that tilts"
canonical: "https://framer.elliotli.dev/component/real-3d-layered-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Real 3D Layered card

# Real 3D Layered card

Beautiful glassy card that tilts

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

![Real 3D Layered card preview image 1](https://framer.elliotli.dev/og/component/real-3d-layered-card/887a570e9f1788ee/1600x1200.jpg)

## Summary

Beautiful glassy card that tilts

## Description

Aperture is a Framer code component for a hover card with real 3D depth, not a CSS trick faked with box-shadow. The card tilts toward your cursor, individual elements advance in Z as you hover, and a focus-follows-cursor blur keeps whatever you're pointing at sharp while the rest falls out of focus.

Every value is exposed in the properties panel, grouped into seven sections, so you can restyle it entirely without touching code.

-   Cursor-tracked tilt with corner-entry smoothing (no jump)
    
-   Depth-of-field blur that follows the pointer in real time
    
-   0, 1, or 2 CTAs, independent hover states, no bleed between them
    
-   Glass or solid background, fully recolorable
    
-   One slider controls the whole card's sense of depth
    

## **Property groups**

-   contentTitle, description
    
-   imageSource, fit, radius, height
    
-   colorsTitle, text
    
-   ctasCount, labels, colors, URLs
    
-   backgroundSolid / blur, opacity, border
    
-   layoutRadius, padding
    
-   motionSettingsTilt, translate, tilt-shift
    

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

-   All · #4922

## Details

- **Author**: Elyes Belghith
- **Published**: 2026-08-20
- **Updated**: 2026-08-21
- **Added**: 2026-08-20
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards