GlassDepth Cards

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.