About this component

A single central figure reflected infinitely into a dark, smoky abyss. Each reflection is a past version or variation of related content. Hovering over a reflection sharpens it while dimming others. Clicking steps into that reflection, making it the new central figure. A disorienting, elegant depth effect that creates a maze of self-similar content.

Difficulty

Advanced

Style

Infinite Mirror Depth

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/hall-of-mirrors-card.