Error Pages
Offline with a Checklist
A no-connection page: a signal wave, a short "check these" list and a retry button. Works with the network down. Change the headline, the list items and the button label.
What you can change
- title and description — the heading and the explanation
- the checklist array — the check items for your audience
- retryLabel — the retry button label
A link for your AI agent: preview, code and instructions.
Preview
Use it with AI
- 1. Copy the link.
- 2. Write to your agent in your own words and drop the link into the sentence.
- 3. The agent opens the link and installs the component from the registry.
put this on the home page as the hero:
https://vibeui.ru/c/errorpage-005?lang=en&theme=dark
Not sure where to paste it? Step-by-step guide
Show the full instructions
What the link says, spelled out. Use it when your agent cannot open links — paste this text instead.
Loading…
For developers
The install command lives in the “Component source” block below — a signed link that stays valid for 24 hours.
Technical notes
The block is self-contained: one file, no dependencies, its palette in local --vibeui-errorpage-005-* variables. A server component with no JS. The wave is a repeating radial gradient (arcs) with a mask of vertical dashes on top that makes it dotted; the slow drift is a background-position CSS animation, silenced by prefers-reduced-motion. No images: offline, external resources will not load. The checklist is a ul with CSS checkboxes, the retry button is a link with an empty href pointing at the current address.
Tags
- offline
- network
- connection
- checklist
- retry
Component source
The same file your agent installs. Here in case you would rather copy it by hand.
Loading…