cards
Card Migrating Between Sections
A migrating-card demo: a dashed anchor marks its origin and the card lerps position, size, radius, shadow and even its gradient hue toward the center pose, driven by a triangular progress smoothed by the spring stiffness, with the morph percentage reading below.
See it live and copy its promptWhat you can adjust
- Final width
- Final height
- Spring stiffness
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
