spinnerLoaders
The skeleton morphs into the content
Each skeleton placeholder occupies the exact position and size of its real content, and when data arrives the placeholder itself becomes the element: it interpolates size and radius to their final values while the loading sheen fades out and the content appears inside, cascading row by row.
See it live and copy its promptWhat you can adjust
- Elements
- Cascade delay
- Transform duration
- Placeholder radius
- Glow color
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.
