Morph Pill Card

About

An avatar pill that grows into a full profile or product card on hover. It is one surface moving between two measured layouts, so the pill visibly becomes the card instead of a card appearing behind it.

What you get

• Rebuild prompt

  One paste into Claude Code, Cursor, Codex or v0 rebuilds the whole project, file for file.

• Every file, verbatim

  11 files written out in full — the component, its styles and the demo page.

• Exact versions

  Pinned dependencies and the steps to run it, so the result matches the recording.