About this component

The card is a loom with vertical warp threads. As the card loads, a shuttle animates across, weaving the content into existence line by line. Each stat or tag is a different colored thread woven into the fabric. Hovering over a thread highlights its entire path through the tapestry. Clicking snips a thread, revealing the 'reverse side' of the content (metadata or hidden notes).

Difficulty

Advanced

Style

Loom Tapestry

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/tapestry-of-fates-card.