Skeleton Loading Placeholder

Easy

cssanimation

Build a "skeleton" loading placeholder — shimmering gray blocks standing in for content that hasn't loaded yet (a common real-app pattern for a card or list item still fetching data).

Check your work against

At least 3 placeholder blocks (e.g. an avatar circle plus two text-line bars)
A visible shimmer/pulse animation, not a static gray block
Laid out like a real card, not loose bars with no structure

There's no automated grading for UI challenges — self-check against this list, then compare with the solution preview.

Live preview