# Error loading page

Error loading page: the page tries to load again, fails, and points to refresh.

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/error-loading-page
- Preview image: https://media.illos.dev/previews/e961740e/flat/error-loading-page.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/error-loading-page.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/error-loading-page.json`

On the page, Copy gives the SVG and Download the file.

## How it moves

1. a report could not load, and an alert shows.
2. a spinner turns while the page tries again.
3. the alert returns, and a ring marks the refresh button.

## Where it fits

For any web app: the screen a report or page shows when it fails to load, a dashboard tile that timed out, or the docs page on what to do when data will not load. The spinner turning while the app tries again, then the alert and the ring on refresh, is honest about the failure and points to the one thing to try. As a spot it fits above a heading such as We couldn't load this page and a Try again button. It is free to copy and pairs with Page not found, Report unavailable and Query timeout.

Pairs well with: Page not found (https://illos.dev/library/interface/page-not-found.md), Report unavailable (https://illos.dev/library/interface/report-unavailable.md), Query timeout (https://illos.dev/library/hud/query-timeout.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)