spinnerLoaders
Dot matrix with delay driven choreography
One grid of dots and one keyframe produce three different loaders: what changes is the function computing each dot's delay from its position, radius for the wave, column for the sweep and angle for the orbit. The three opacity levels live in CSS variables.
See it live and copy its promptWhat you can adjust
- Background
- Dot color
- Choreography
- Grid side
- Dot size
- Cycle 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.
