What's it called · UI components 16

Skeleton screen

Gray shapes reserve the layout of content that is loading. They show the upcoming structure while people wait.

Refresh and compare the gray placeholders with the loaded content.

Often confused with

• Spinner: Only a spinning mark; the content’s layout isn’t shown
• Shimmer: The sweep of light that runs across placeholders
• Empty state: The screen shown when loading finished but there’s nothing to show