Collection of free HTML and CSS funny 404 pages. Update of August 2018 collection. 7 new items.

Related Articles

  1. HTML 404 Page Templates
  2. 403 Forbidden HTML Templates
  3. HTML 408 Pages
  4. 500 Error Page HTML Templates

Author

  • Diogo Gomes

Made with

  • HTML / CSS (SCSS) / JS

About the code

Ghost Page 404

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Wikyware Net

Made with

  • HTML / CSS / JS

About the code

404 Error Page Smoke From Toaster

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Adam Quinlan

Made with

  • HTML / CSS

About the code

Pickle-Rick Sliced 404

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Pure CSS 404 Error Page

Author

  • Mauricio Allende

Made with

  • CSS (SCSS)

About the code

Pure CSS 404 Error Page

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Mansoour

Made with

  • HTML (Pug) / CSS / JS

About the code

404 Page - CSS Character

4040 page with little monster character made entirely with CSS plus a mouse tracking animations.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Vincent Danna

Made with

  • HTML (Haml) / CSS (Sass) / JS

About the code

Spooky 404 Graveyard

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Demo image: Yeti 404 Page Yeti 404 Page - GIF Demo

Author

  • Darin

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

Yeti 404 Page

Very creative HTML 404 page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: TweenMax.js, MorphSVGPlugin.js

Demo image: User Error Page User Error Page - GIF Demo

Author

  • Daniel

Made with

  • HTML / CSS / JavaScript

About the code

User Error Page

A cool hologram effect created by using a CSS3 glitch effect that's pretty popular and 3 layers of this rascal on top of another and placed a little bit offset to each other, they also feature different color hues to make it pop.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Demo image: 404 Error Page 404 Error Page - GIF Demo

Author

  • Ahmed Nasr

Made with

  • HTML / CSS (SCSS)

About the code

404 Error Page

Simple animated 404 error page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 Page 404 Page - GIF Demo

Author

  • Naved khan

Made with

  • HTML / CSS

About the code

404 Page

Look like you're lost. The page you are looking for not avaible!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css

Demo image: SVG Animation 404 Error Milk Carton SVG Animation 404 Error Milk Carton - GIF Demo

Author

  • chris i

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

SVG Animation 404 Error Milk Carton

SVG animation of blinking eyes and mouth movements. Mouth animation: Using morphSVG between the two paths #mouth and #mouth-frown. Eye blink animation: Using transformOrigin and scaleY of a circle to create a blinking effect.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: TweenMax.js, MorphSVGPlugin.js, DrawSVGPlugin.js

Demo image: UI 404 Page

Author

  • Julie Park

Made with

  • HTML / CSS (SCSS)

About the code

UI 404 Page

404 error - ghost page! Animated pure CSS ghost with search bar & buttons to go back home.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Author

  • Sergio

Made with

  • HTML / CSS (SCSS)

About the code

404 Error Page, Caveman Mode - Pure CSS

404 error page. An animation exercise in CSS. No JS. No SVG.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Darknet 404 Page Concept

Author

  • Code Alex

Made with

  • HTML / CSS / JavaScript

About the code

Darknet 404 Page Concept

Responsive 404 page concept.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Demo image: 404 Page 404 Page - GIF Demo

Author

  • Sarah AlSaqer

Made with

  • HTML / CSS

About the code

404 Page

404 - page not found.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 Page and a Long Walk 404 Page and a Long Walk - GIF Demo

Author

  • Paolo Duzion

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

404 Page and a Long Walk

404 page with some CSS animations to take a long walk...

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Beer 404 Page Beer 404 Page - GIF Demo

Author

  • Chelsea Adams

Made with

  • HTML / CSS (SCSS)

About the code

Beer 404 Page

A little 404 error doodle with SVG and clip-path animation inspired by a recent client project for a brewery.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 Frog

Author

  • Iris Tips

Made with

  • HTML / CSS / JavaScript

About the code

404 Frog

Creative HTML 404 page with frog.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: TweenMax.js, MorphSVGPlugin.js, jquery.js

Demo image: 404 Crying Baby Page 404 Crying Baby Page - GIF Demo

Author

  • Vineeth.TR

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

404 Crying Baby Page

404 error page in pure CSS3.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 Page 404 Page - GIF Demo

Author

  • Chris Samuels

Made with

  • HTML / CSS / JavaScript

About the code

404 Page

Funny 404 page with nice color palette.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: TweenMax.js, MorphSVGPlugin.js

Demo image: 404 Error Page 404 Error Page - GIF Demo

Author

  • Vineeth.TR

Made with

  • CSS (SCSS)

About the code

404 Error Page

Error page in pure CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Robo 404 Page Robo 404 Page - GIF Demo

Author

  • Arne Turpyn

Made with

  • HTML / CSS (Sass)

About the code

Robo 404 Page

Just kidding. But it seems Robo, your personal robot, can't find the page you're looking for.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: bootstrap.css

Demo image: Space Invaders Game (404) Space Invaders Game (404) - GIF Demo

Author

  • Patrick Stillhart

Made with

  • HTML / CSS / JavaScript

About the code

Space Invaders Game (404)

Space invaders game for 404 page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css

Demo image: SVG Animation 404 page SVG Animation 404 page - GIF Demo

Author

  • St├ęphane Deluce

Made with

  • HTML / CSS / JavaScript

About the code

SVG Animation 404 page

SVG Animation to create an error page 404. Use the library SnapSVG.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: snap.svg.js

Demo image: HTML 404 Page

Author

  • ddly

Made with

  • HTML (Slim) / CSS (SCSS)

About the code

HTML 404 Page

Yet another funny 404 page in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -