Nebula Glass Card — React Component

3D tilt card with spring physics and luminous edge lighting.

Cards3dspringhoverproductdepth

Nebula Glass Card

Animation effects

3dspringhover

Copy-paste ready

Use the Code tab above to inspect and copy this component into your project.

About Nebula Glass Card

The Nebula Glass Card is a 3D tilt card with spring physics and luminous edge lighting that responds to cursor position. As the mouse moves across the card, Framer Motion spring transitions rotate it in three dimensions, revealing depth through layered glass surfaces. The border glow tracks cursor proximity using a radial gradient that repositions as the cursor moves, creating a living edge highlight effect. Use it for pricing cards, feature callouts, or team profiles where high-end interactivity signals product polish.

Common use cases

  • Pricing plan cards
  • Feature highlight panels
  • Team member and advisor profiles
  • Product showcase cards