spinnerLoaders
Worms on a lemniscate
pathLength="100" renormalises the whole curve, so the dasharray is written as a percentage of the run and nothing needs measuring with getTotalLength. With that, a worm is 22 and 78, and the loop closes seamlessly because the offset travels exactly one pathLength. The second worm needs no extra keyframes: a negative delay of half a cycle is enough.
See it live and copy its promptWhat you can adjust
- Background
- Track colour
- Start color
- Final color
- Stroke width
- Worm length
- Turn duration
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.
