All challenges
UI · Frontend challenge · Frontend UI
Skeleton Card Loader
Difficulty
easy
Time
~15m
Format
Single
Grading
Human review
#ui#react#frontend#styling
Mission file // read carefullyeasy
Build a pulse-animated Skeleton Loader Card panel.
Requirements
- Mock standard user profiles/items containing an avatar, title block, and details body.
- While loading, render structural shapes with glowing background gradients that pulsate (
animation: pulse 1.5s infinite). - A toggle button switches between loading skeleton state and actual profile content.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.