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