35 HTML 404 Page Template Inspirations
Tags: css, webdev, html, javascript
Published: 2020-06-22 14:43:37

_If you call up a page that does not (no longer) exist, you are redirected to 404 pages. But that’s not bad, because 404 pages can work wonders with a little creativity, so that visitors don’t leave your site._

---
###➡️ _[Update with more 404 Pages available (click)!](https://webdeasy.de/en/html-css-404-page-templates/?action=updated) 🚀_
---

404 pages are called this way, because in case a page does not or no longer exist, the server returns the status code 404 to show that the requested page does not (no longer) exist.

The pens can be used as a template template or as examples for your own site, let yourself be inspired! And let’s be honest…**404 jokes are the best!** 🤣

_The shown pens are licensed with MIT. You can find more information about your own use in the [Codepen Blog](https://blog.codepen.io/documentation/licensing/)._

## #1 Responsive 404 Stranger things
{% codepen https://codepen.io/ARiyou2000/pen/VwvMeae %}
Author: [ARiyou Jahan](https://codepen.io/ARiyou2000);
Coded in: HTML, CSS (SCSS);

## #2 No Vacancy 404
{% codepen https://codepen.io/rileyjshaw/pen/ufEIH %}
Author: [Riley Shaw](https://codepen.io/rileyjshaw);
Coded in: Slim, Sass, CoffeScript;

## #3 404 Kittens
{% codepen https://codepen.io/nclud/pen/GJpdVo %}
Author: [nclud team](https://codepen.io/nclud);
Coded in: HTML, CSS (SCSS), JS;

## #4 - Glitched out
{% codepen https://codepen.io/ZonFire99/pen/njdls %}
Author: [ZonFire99](https://codepen.io/ZonFire99);
Coded in: HTML, CSS, JS;

## #5 Fargo 404
{% codepen https://codepen.io/nw/pen/WQmxYY %}
Author: [Nathaniel Watson](https://codepen.io/nw);
Coded in: Pug, CSS (SCSS), JS;

## #6 404 No signal
{% codepen https://codepen.io/ademilter/pen/hDtpq %}
Author: [Adem ilter](https://codepen.io/ademilter);
Coded in: HTML, CSS, JS;

## #7 Glitchy 404 Page
{% codepen https://codepen.io/kaypooma/pen/ehfjC %}
Author: [Kay Pooma](https://codepen.io/kaypooma);
Coded in: HTML, CSS;

## #8 Bluescreen - 404 Page
{% codepen https://codepen.io/agalliat/pen/mdedZYK %}
Author: [Angela Galliat](https://codepen.io/agalliat);
Coded in: HTML, CSS;

## #9 404 Space
{% codepen https://codepen.io/KeithPaul/pen/zYGeema %}
Author: [Keith](https://codepen.io/KeithPaul);
Coded in: HTML, CSS (SCSS), JS;

## #10 Error page - #Project 4
{% codepen https://codepen.io/Jake_Woods/pen/LYEMGpV %}
Author: [Jake](https://codepen.io/Jake_Woods);
Coded in: HTML, CSS (SCSS), JS;

## #11 404
{% codepen https://codepen.io/Metty/pen/ExVxrVe %}
Author: [Metty](https://codepen.io/Metty);
Coded in: HTML, CSS, JS;

## #12 Space 404
{% codepen https://codepen.io/eroxburgh/pen/zYYyEPg %}
Author: [Ethan](https://codepen.io/eroxburgh);
Coded in: HTML, CSS (SCSS), JS;

## #13 404 Error Page
{% codepen https://codepen.io/nhatanh17/pen/VwwVmLK %}
Author: [anhat.dev](https://codepen.io/nhatanh17);
Coded in: HTML, CSS, JS;

## #14 Daily UI #008 - 404 Page
{% codepen https://codepen.io/rafaelavlucas/pen/NWWQNjZ %}
Author: [Rafaela Lucas](https://codepen.io/rafaelavlucas);
Coded in: HTML, CSS (SCSS), JS;

## #15 Lost in Space (ERRORS) (not responsive)
{% codepen https://codepen.io/maxym11/pen/EzgGga %}
Author: [Radu](https://codepen.io/maxym11);
Coded in: HTML, CSS (SCSS);

## #16 404 Page Not Found
{% codepen https://codepen.io/joaosousa/pen/ZEEKWmv %}
Author: [João Sousa](https://codepen.io/joaosousa);
Coded in: HTML, PostCSS;

## #17 404 Error Page
{% codepen https://codepen.io/mirandalwashburn/pen/VwYWmYJ %}
Author: [miranda](https://codepen.io/mirandalwashburn);
Coded in: HTML, CSS;

## #18 404 Error page
{% codepen https://codepen.io/abol/pen/arPeZz %}
Author: [Abolfazl Arab](https://codepen.io/abol);
Coded in: HTML, CSS;

## #19 404 Makes bear sad 🐻😭
{% codepen https://codepen.io/jh3y/pen/BaNOJWK %}
Author: [Jhey](https://codepen.io/jh3y);
Coded in: Pug, Stylus, Babel;

...

---
### ➡️ [See the rest of the 404 Templates on my blog](https://webdeasy.de/en/html-css-404-page-templates/?action=read-more) ❤️