texts
Word that morphs into another
When the word changes, the letters both words share are not replaced: they slide to their new position with a layout animation, and only the surplus ones fade out and the missing ones fade in. The trick is numbering each repeat of a letter so the pairing never crosses over.
See it live and copy its promptWhat you can adjust
- Background
- Card background
- Border color
- Text color
- Time per word
- 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.
