Gallery / Loading Animations and Transitions
Loading Animations and Transitions
Watch 13 loading animations run live, from liquid fill to skeleton screen; 8 are free with the full prompt.
How it works
- 01
Watch them load
Each loader runs live, on repeat, so you see the whole cycle.
- 02
Copy the prompt
It describes the motion and how long it runs, in your site's colours.
- 03
Put it to work
Paste it into your vibe-coding tool and tell it where the wait happens.
Questions
8 of the 13 are free, with the full prompt and no account. The rest, Hourglass Loader among them, belong to the signature collection; $19 once covers every signature piece.
No. The prompt says what the loader looks like and when it should show, and your vibe-coding tool writes the code from that.
Copy the prompt from the loader you like and paste it into your vibe-coding tool. Tell it where the wait happens, for example while data loads or between two pages.
Skeleton Screen fits content you know the shape of, like a list or a card grid. Top Progress suits a page change, where there is no shape to show yet, and a spinner such as Creative Spinner covers a short wait with nothing to preview.