About this component

A wave-mechanics card where the background is a moiré pattern that shifts as the card moves in the viewport. Hover creates concentric ripples like two stones dropped in a pond, generating complex interference. Clicking freezes the pattern, capturing a unique, unrepeatable abstract composition frozen in time.

Difficulty

Expert

Style

Hologram

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/interference-pattern-card.