Funny 404 Pages

Explore a collection of funny 404 error page snippets to add humor and creativity to your website when a page is not found.

Ghost Page 404

Author:
Diogo Gomes | October 9, 2018
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Error Page Smoke From Toaster

Author:
Wikyware Net | October 2, 2018
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
jquery.js

Pickle-Rick Sliced 404

Author:
Adam Quinlan | September 8, 2018
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Pure CSS 404 Error Page

Pure CSS 404 Error Page

Author:
Mauricio Allende | September 7, 2018
Made with:
CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

404 Page - CSS Character

Author:
Mansoour | September 7, 2018
Made with:
HTML (Pug) / CSS / JS

About a code

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

Spooky 404 Graveyard

Author:
Vincent Danna | September 5, 2018
Made with:
HTML (Haml) / CSS (Sass) / JS

Compatible browsers:
Chrome, Firefox, Opera, Safari
Responsive:
no
Dependencies:
jquery.js
Yeti 404 Page

Yeti 404 Page

Author:
Darin | August 16, 2018
Made with:
HTML / CSS (SCSS) / JavaScript

About a code

Very creative HTML 404 page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
TweenMax.js, MorphSVGPlugin.js
User Error Page

User Error Page

Author:
Daniel | July 26, 2017
Made with:
HTML / CSS / JavaScript

About a code

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
404 Error Page

404 Error Page

Author:
Ahmed Nasr | July 13, 2018
Made with:
HTML / CSS (SCSS)

About a code

Simple animated 404 error page.

Compatible browsers:
Chrome, Firefox, Opera, Safari
Dependencies:
-
404 Page

404 Page

Author:
Naved khan | June 18, 2018
Made with:
HTML / CSS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
bootstrap.css
SVG Animation 404 Error Milk Carton

SVG Animation 404 Error Milk Carton

Author:
chris i | May 1, 2018
Made with:
HTML / CSS (SCSS) / JavaScript

About a code

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
UI 404 Page

UI 404 Page

Author:
Julie Park | April 17, 2018
Made with:
HTML / CSS (SCSS)

About a code

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

404 Error Page, Caveman Mode - Pure CSS

Author:
Sergio | March 27, 2018
Made with:
HTML / CSS (SCSS)

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Darknet 404 Page Concept

Darknet 404 Page Concept

Author:
Code Alex | January 27, 2018
Made with:
HTML / CSS / JavaScript

About a code

Responsive 404 page concept.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
jquery.js
404 Page

404 Page

Author:
Sarah AlSaqer | January 8, 2018
Made with:
HTML / CSS

About a code

404 - page not found.

Compatible browsers:
Chrome, Firefox, Opera, Safari
Dependencies:
-
404 Page and a Long Walk

404 Page and a Long Walk

Author:
Paolo Duzion | November 2, 2017
Made with:
HTML (Pug) / CSS (SCSS)

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
Beer 404 Page

Beer 404 Page

Author:
Chelsea Adams | March 9, 2017
Made with:
HTML / CSS (SCSS)

About a code

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

404 Frog

Author:
Iris Tips | November 29, 2016
Made with:
HTML / CSS / JavaScript

About a code

Creative HTML 404 page with frog.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
TweenMax.js, MorphSVGPlugin.js, jquery.js
404 Crying Baby Page

404 Crying Baby Page

Author:
Vineeth.TR | October 12, 2016
Made with:
HTML (Pug) / CSS (SCSS)

About a code

404 error page in pure CSS3.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Page

404 Page

Author:
Chris Samuels | June 07, 2016
Made with:
HTML / CSS / JavaScript

About a code

Funny 404 page with nice color palette.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
TweenMax.js, MorphSVGPlugin.js
404 Error Page

404 Error Page

Author:
Vineeth.TR | April 12, 2016
Made with:
CSS (SCSS)

About a code

Error page in pure CSS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
Robo 404 Page

Robo 404 Page

Author:
Arne Turpyn | November 19, 2015
Made with:
HTML / CSS (Sass)

About a code

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
Space Invaders Game (404)

Space Invaders Game (404)

Author:
Patrick Stillhart | August 17, 2015
Made with:
HTML / CSS / JavaScript

About a code

Space invaders game for 404 page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
bootstrap.css
SVG Animation 404 page

SVG Animation 404 page

Author:
Stéphane Deluce | April 28, 2015
Made with:
HTML / CSS / JavaScript

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
snap.svg.js
HTML 404 Page

HTML 404 Page

Author:
ddly | January 20, 2014
Made with:
HTML (Slim) / CSS (SCSS)

About a code

Yet another funny 404 page in HTML and CSS.

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

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨