Page not found
On a 404 page, home leads out, and back returns to the missing page.
Not quite it? Ask for a variation
Install
Writes one React component into components/illos. Nothing else to install.
npx shadcn@latest add https://illos.dev/r/flat/page-not-found.jsonOr hand it to your agent
Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.
How it moves
- a browser shows a page that is not there.
- a click on home loads the homepage.
- back takes the old link to the missing page again.
Where it fits
For any website or web app: the 404 page, a link to a page that was moved or removed, or the docs page on broken links. The click on home loading the homepage, then back bringing the missing page again, shows that the link is the problem and home is the way out. As a spot it fits above a heading such as We couldn't find this page and a Go to homepage button. It is free to copy and pairs with Error loading page, Report unavailable and 404 in Shader.
Pairs well with Error loading page, Report unavailable and 404.
On your site
Read where product illustrations go, how to place an animated SVG and how to keep animations fast.
For developers
- File size
- 3.7 KB gzipped
- Motion
- Plays once, 3.3 s, then holds
- Reduced motion
- Shows a still
- File
- page-not-found.svg