---
title: "GlassDepth Cards — Framer component · Best of Framer"
description: "$14.00 · Framer component · by sidra mowlana · Cards. 3D tilt, shine, parallax. Dark glass UI."
canonical: "https://framer.elliotli.dev/component/glassdepth-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/GlassDepth Cards

# GlassDepth Cards

3D tilt, shine, parallax. Dark glass UI.

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

![GlassDepth Cards preview image 1](https://framer.elliotli.dev/og/component/glassdepth-cards/753198ade92aa6d1/1600x1200.jpg)

## Summary

3D tilt, shine, parallax. Dark glass UI.

## Description

GlassDepth is a production-ready dark glass card system for Framer, built for designers who want premium micro-interactions without writing a line of code.

Hover over any card and watch it respond with physics-inspired 3D tilt, a travelling shine reflection, magnetic cursor pull, and layered parallax depth — all driven by live mouse tracking. Every effect is tuned to feel considered, not flashy.

**What's included:**

-   3 fully independent cards, each with its own accent color, glow, icon, and background
    
-   Real-time tilt with perspective(900px) rotateX/Y tracking
    
-   Parallax depth system with 3 independent Z-layers (icon, title, description)
    
-   Traveling radial shine overlay that follows cursor position
    
-   Magnetic card pull on hover
    
-   Accent-colored glowing dot indicator
    
-   Expanding divider bar on hover
    
-   Animated background orbs (fully toggleable)
    
-   Full header + footer section with customizable copy
    
-   60+ property controls — no code needed
    

**Perfect for:** Feature sections, service showcases, SaaS landing pages, agency portfolios, dark-themed product pages.

Drag in, open the property panel, and make it yours.

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

-   All · #10218

## Details

- **Author**: sidra mowlana
- **Price**: $14.00
- **Published**: 2026-06-02
- **Updated**: 2026-06-02
- **Added**: 2026-05-16
- **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