Table of Contents

GHOST PAGE 404

Author

  • Diogo Gomes

Made with

  • HTML / CSS (SCSS) / JS

404 ERROR PAGE SMOKE FROM TOASTER

Author

  • Wikyware Net

Made with

  • HTML / CSS / JS

PICKLE-RICK SLICED 404

Author

  • Adam Quinlan

Made with

  • HTML / CSS

PURE CSS 404 ERROR PAGE

Demo image: Pure CSS 404 Error Page

Author

  • Mauricio Allende

Made with

  • CSS (SCSS)

404 PAGE – CSS CHARACTER

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

Author

  • Mansoour

Made with

  • HTML (Pug) / CSS / JS

SPOOKY 404 GRAVEYARD

Author

  • Vincent Danna

Made with

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

YETI 404 PAGE

Very creative HTML 404 page.

Yeti 404 Page - GIF Demo

Author

  • Darin

Made with

  • HTML / CSS (SCSS) / JavaScript

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.

User Error Page - GIF Demo

Author

  • Daniel

Made with

  • HTML / CSS / JavaScript

404 ERROR PAGE

Simple animated 404 error page.

404 Error Page - GIF Demo

Author

  • Ahmed Nasr

Made with

  • HTML / CSS (SCSS)

404 PAGE

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

404 Page - GIF Demo

Author

  • Naved khan

Made with

  • HTML / CSS

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.

SVG Animation 404 Error Milk Carton - GIF Demo

Author

  • chris i

Made with

  • HTML / CSS (SCSS) / JavaScript

UI 404 PAGE

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

Demo image: UI 404 Page

Author

  • Julie Park

Made with

  • HTML / CSS (SCSS)

404 ERROR PAGE, CAVEMAN MODE – PURE CSS

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

Author

  • Sergio

Made with

  • HTML / CSS (SCSS)

DARKNET 404 PAGE CONCEPT

Responsive 404 page concept.

Demo image: Darknet 404 Page Concept

Author

  • Code Alex

Made with

  • HTML / CSS / JavaScript

404 PAGE

404 – page not found.

404 Page - GIF Demo

Author

  • Sarah AlSaqer

Made with

  • HTML / CSS

404 PAGE AND A LONG WALK

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

404 Page and a Long Walk - GIF Demo

Author

  • Paolo Duzion

Made with

  • HTML (Pug) / CSS (SCSS)

BEER 404 PAGE

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

Beer 404 Page - GIF Demo

Author

  • Chelsea Adams

Made with

  • HTML / CSS (SCSS)

404 FROG

Creative HTML 404 page with frog.

Demo image: 404 Frog

Author

  • Iris Tips

Made with

  • HTML / CSS / JavaScript

404 CRYING BABY PAGE

404 error page in pure CSS3.

Demo image: 404 Crying Baby Page

Author

  • Vineeth.TR

Made with

  • HTML (Pug) / CSS (SCSS)

404 PAGE

Funny 404 page with nice color palette.

Demo image: 404 Page

Author

  • Chris Samuels

Made with

  • HTML / CSS / JavaScript

404 ERROR PAGE

Error page in pure CSS.

404 Error Page - GIF Demo

Author

  • Vineeth.TR

Made with

  • CSS (SCSS)

ROBO 404 PAGE

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

Robo 404 Page - GIF Demo

Author

  • Arne Turpyn

Made with

  • HTML / CSS (Sass)

SPACE INVADERS GAME (404)

Space invaders game for 404 page.

Space Invaders Game (404) - GIF Demo

Author

  • Patrick Stillhart

Made with

  • HTML / CSS / JavaScript

SVG ANIMATION 404 PAGE

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

SVG Animation 404 page - GIF Demo

Author

  • Stéphane Deluce

Made with

  • HTML / CSS / JavaScript

HTML 404 PAGE

Yet another funny 404 page in HTML and CSS.

Demo image: HTML 404 Page

Author

  • ddly

Made with

  • HTML (Slim) / CSS (SCSS)