texts
Margin notes that resolve their own overlaps
An article with right-margin sidenotes pinned to the exact height of their in-text reference, measured from the real mark position; when two notes would collide, the lower one cascades downward just enough to clear the one above, and pointing at a mark highlights its note through a thin connecting line.
See it live and copy its promptWhat you can adjust
- Margin width
- Minimum spacing between notes
- Note size
- Link color
- Show connector line
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.
