cursors
Shape-morphing cursor
A custom cursor that, when it nears an interactive element, interpolates its width, height and radius until it exactly matches the element's box (read via getBoundingClientRect and getComputedStyle), centers over it in difference blend mode and adds a slight pull toward the pointer without detaching, like a magnet.
See it live and copy its promptWhat you can adjust
- Rest size
- Follow stiffness
- Coupling slack
- Cursor color
- Magnetic displacement
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.
