About this component

A card that is a thick frame, with content existing deep inside, far behind the surface plane. Hover tilts the entire card, changing the angle of view into the deep space. Clicking reaches in and pulls a specific content element to the foreground. Parallax particles drift between the foreground frame and the deep background.

Difficulty

Advanced

Style

3D Perspective

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/window-into-space-card.