25 HTML Funny 404 Pages in 2020

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

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 PageYeti 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 PageUser 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 Page404 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 Page404 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 CartonSVG 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 Page404 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 Walk404 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 PageBeer 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 Page404 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 Page404 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 Page404 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 PageRobo 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 pageSVG 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:-

Comments

Popular Posts