About this component

A faceted crystal prism that floats and rotates, splitting light into spectral colors. Hover accelerates the spin and shifts the rainbow refraction pattern. Clicking changes the prism cut, revealing a new set of angular facets and light paths.

Difficulty

Advanced

Style

Spin / Rotation / Flip

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-spin-card.