About this component

The card is assembled from floating pieces. Pieces drift apart when idle, attract together on hover, and lock into place on click. Content appears only when complete.

Difficulty

Style

Puzzle

Frameworks

HTML/CSS, Tailwind, React

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/puzzle-card.