About this component

A precision optical card where the edges shimmer with an RGB split that intensifies on hover. Content shifts as if seen through a prism, with red, green, and blue channels briefly separating to reflect data variance and volatility. Clicking snaps them back into perfect alignment with a satisfying optical snap, revealing the true signal beneath the noise.

Difficulty

Advanced

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/chromatic-aberration-card.