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.
sidra mowlana
