GlassDepth Cards

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

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.

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