Skeleton loader · Material
Placeholder blocks shaped like the content that is loading (article card, list or profile) that crossfade into the real content, with an aria-busy live region.
Design · Material1 / 20
M3 card with tonal #E7E0EC blocks, a 28px container and a pill media block that sweeps with a white band.
Motion
A soft light band sweeps left to right across every block, each block starting a beat after the one above it.
Accent
Placeholder blocks shaped like the content that is loading (article card, list or profile) that crossfade into the real content, with an aria-busy live region.
skeletonloadingplaceholdershimmercardlistprofilearia-busy