Skeleton loader · Playful
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 · Playful15 / 20
Chunky outlined yellow blocks with a bouncy wave ripple on an outlined card with a hard drop shadow.
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