spinnerLoaders
Connection-adaptive loader
The loading screen measures the live arrival rate of its resources and switches strategy if the connection is slow: it lowers the visual promise, offers a lighter version, and explains the wait by inverting the typographic hierarchy between headline and support text; on a fast connection it barely gets to show.
See it live and copy its promptWhat you can adjust
- Slow connection threshold
- Very slow connection threshold
- Duration of each scenario
- Warning color
- Show measured speed
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.
