buttons
Self-drawing dotted connector
An L-shaped connector with a rounded corner drawn dot by dot: an invisible guide path is sampled with getPointAtLength every 4px, and each dot pops in with an incremental 40ms delay, tracing the route in order.
See it live and copy its promptWhat you can adjust
- Sampling step
- Delay per dot
- Dot opacity
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.
