FEEDBACK / COMPONENTS
Skeleton loader
Preview the shape of arriving content.
About skeleton loader
Skeleton Loaders serve as UI abstractions indicating where content will appear upon loading, working alongside other transitions to minimize perceived latency and maintain stable layouts during the loading process.
01
Anatomy
Shared parts, named consistently.
Loading workspace
- 1Skeleton LoaderRequired
The Skeleton Loader is an animated span element.
Try the default
A working example with the shared V1 visual language.
Loading workspace
When to use
Match the eventual content structure to reduce layout shifts. Replace placeholders once content or an error is available.
One status message communicates loading. Decorative placeholder shapes stay out of the accessibility tree.