Post thumbnail: 18 HTML Funny 404 Pages

18 HTML Funny 404 Pages

Collection of free HTML and CSS funny 404 pages.

Related Articles

  1. HTML 404 Page Templates
  2. 500 Error Page HTML Templates

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

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: -

back to top