About this component

A premium crystal card that refracts light like a diamond. Features multi-layer crystal, diamond reflections, prism lighting, and transparent bevels. The card rotates with rainbow refraction on hover and sparkles with animated particles.

Difficulty

Expert

Style

Crystal Prism

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/crystal-prism-card.