Loading State Simulator
Compare three loading strategies side by side — drag the Network Delay slider to simulate slow or fast connections, and watch how each approach handles the wait. Hit Replay to run the animation again from the start.
2000ms
DASHBOARD / HOME
Welcome back, Alex
A blank screen shows nothing until data arrives. The user sees a blank page and has no idea if it's loading or broken.
Feedback
Layout
Content
DASHBOARD / HOME
Welcome back, Alex
Loading data...
A spinner tells the user something is happening, but the page layout only appears once data is ready.
Feedback
Layout
Content
DASHBOARD / HOME
Welcome back, Alex
The skeleton mirrors the final layout immediately, so the page feels fast even before real data loads.
Feedback
Layout
Content