A Matrix-inspired 404 error page featuring cascading Katakana characters, glowing digital rain, and a sleek terminal-style interface.
A 404 page doesn't have to feel like an error.
404 Matrix Rain Katakana Classic transforms the familiar "page not found" experience into a cyberpunk-inspired terminal interface with falling Katakana characters, glowing green digital rain, and a futuristic error card.
Built entirely with HTML, CSS, and vanilla JavaScript, the page uses the native Canvas API for animation with no frameworks, no dependencies, and no build step.
Just copy it into your project, customize it, and give your visitors a memorable error page.
| Desktop | Mobile |
|---|---|
|
 |
|
The background is powered by a lightweight Canvas animation that creates cascading streams of Katakana characters, numbers, and symbols. Each character stream falls independently with glowing green trails and occasional white flashes, recreating the iconic digital rain aesthetic. |
Using it with GitHub Pages is simple:
- Rename
index.htmlto404.html. - Keep
404.htmlin the root of your repository. - If using the external version, keep
style.cssandscript.jsalongside it. - Commit and push your changes.
GitHub Pages automatically serves a root-level 404.html when a visitor reaches a page that doesn't exist.
For other hosting platforms, rename index.html to 404.html and upload it to your website's public or root directory.
If you're using the external version, upload style.css and script.js alongside it.
Most hosting platforms automatically serve 404.html for missing pages. If yours requires additional configuration, check your hosting provider's documentation for setting a custom 404 page.
Prefer a single file?
Use either inline/index.html or the minified inline/index.min.html.
Simply copy the contents into a new 404.html in your repository or hosting root and you're ready to go — no external CSS, JavaScript, or additional files required.
Made with ❤️ by Not Found Pages
Give your visitors something better than a dead end.