Post thumbnail: 28 HTML 404 Page Templates

28 HTML 404 Page Templates

Collection of free HTML and CSS 404 page template examples.

Related Articles

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

Demo image: 404 Error Page

Author

  • Sussie Casasola

Made with

  • HTML (Pug) / CSS (Sass)

About the code

404 Error Page

Error page 404 with pure CSS: Monument Valley inspiration.

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

Dependencies: -

Demo image: 404 Page

Author

  • Andrew Hani

Made with

  • HTML / CSS / JavaScript

About the code

404 Page

Yet another HTML 404 animated page template.

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

Dependencies: jquery.js

Demo image: 404 Page - Lost In Space 404 Page - Lost In Space - GIF Demo

Author

  • Saleh Riaz Qureshi

Made with

  • HTML / CSS / JavaScript

About the code

404 Page - Lost In Space

Animated 404 Lost in Space Page. CSS3 Keyframe animations used.

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

Dependencies: -

Demo image: UI 404 Page UI 404 Page - GIF Demo

Author

  • Dave

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

UI 404 Page

A bold 404 page layout.

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

Dependencies: -

Demo image: 404 Animated Page

Author

  • Vincent Van Goggles

Made with

  • HTML / CSS (SCSS)

About the code

404 Animated Page

Neat little CSS 3D text animation.

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

Dependencies: -

Demo image: 404 Error Example #3 404 Error Example #3 - GIF Demo

Author

  • Ricardo Prieto

Made with

  • HTML / CSS

About the code

404 Error Example #3

A 404 error page with plain colors that change depending on the Zero number. All with CSS animations and shadows.

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

Dependencies: -

Demo image: 404 Error Example #2 404 Error Example #2 - GIF Demo

Author

  • Ricardo Prieto

Made with

  • HTML / CSS

About the code

404 Error Example #2

From graphic design to web design. This 404 error example was designed by Yoga Perdana and we have converted into web with pure CSS and minimal HTML using CSS3 gradients and shadows.

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

Dependencies: -

Demo image: 404 Typed Message 404 Typed Message - GIF Demo

Author

  • Selcuk Cura

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

404 Typed Message

GSAP 404 typed message using SplitText.js.

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

Dependencies: jquery.js, tweenmax.js, splittext.js

Demo image: 404 Page 404 Page - GIF Demo

Author

  • Jaymie Rosen

Made with

  • HTML / CSS / JavaScript

About the code

404 Page

Animated HTML 404 page template.

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

Dependencies: tweenmax.js, splittext.js, morphsvgplugin.js

Demo image: Retro Error Page

Author

  • Robin Selmer

Made with

  • HTML / CSS (SCSS)

About the code

Retro Error Page

Hacker themed 404 error page.

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

Dependencies: -

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

Author

  • Omar Dsoky

Made with

  • HTML / CSS

About the code

Error Page 404 Vampire

Vampire 404 error page in pure CSS.

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

Dependencies: -

Demo image: 404 Page 404 Page - GIF Demo

Author

  • Gabrielle Wee

Made with

  • HTML (Haml) / CSS (SCSS)

About the code

404 Page

Minimal 404 error - text appears to enter from the crack.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 SVG Animated Page Concept

Author

  • Vladimir Gashenko

Made with

  • HTML / CSS

About the code

404 SVG Animated Page Concept

404 animated page concept with SVG and pure CSS3.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: BSOD 404 Page

Author

  • Ian Gloude

Made with

  • HTML / CSS (SCSS)

About the code

BSOD 404 Page

HTML and CSS BSOD 404 page.

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

Dependencies: -

Demo image: Bubbly 404 Page

Author

  • Kyle Lavery

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

Bubbly 404 Page

Pure HTML and CSS bubbly 404 page.

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

Dependencies: -

Demo image: HTML Error Page

Author

  • Kyle Lavery

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

HTML Error Page

Simple HTML 404 error page.

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

Dependencies: -

Demo image: Black Hole 404 Page Template Black Hole 404 Page Template - GIF Demo

Author

  • Kyle Lavery

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

Black Hole 404 Page Template

A simple 404 page layout with a cool spaceship animation.

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

Dependencies: -

Demo image: 404 Page Animation 404 Page Animation - GIF Demo

Author

  • Dany Santos

Made with

  • HTML / CSS / JavaScript

About the code

404 Page Animation

Error 404 page with animation.

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

Dependencies: -

Demo image: 404 Page UI

Author

  • Fabio Ottaviani

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

404 Page UI

HTML/CSS and JS 404 page UI.

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

Dependencies: jquery.js

Demo image: 404 Page Template

Author

  • Irem Lopsum

Made with

  • HTML / CSS (SCSS)

About the code

404 Page Template

404 page (based on a dribbble shot).

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

Dependencies: -

Demo image: 404 Low Poly Effect

Author

  • Clement Girault

Made with

  • HTML / CSS / JavaScript

About the code

404 Low Poly Effect

Animated 404 page template with low poly effect.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: jquery.js

Demo image: HTML CSS 404 Page Templates

Author

  • Robert Lemon

Made with

  • HTML / CSS / JavaScript

About the code

HTML CSS 404 Page Templates

Nice error page.

Compatible browsers: Firefox

Dependencies: -

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

Author

  • SQFreaKz

Made with

  • HTML / CSS

About the code

Pure CSS 404 Error Page

Pure CSS 404 error page with css animation.

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

Dependencies: -

Demo image: 404 Particle Text

Author

  • enrico toniato

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

404 Particle Text

Experiment with 404 not found particle text.

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

Dependencies: pixi.js

Demo image: Simple Pure CSS3 404 Error Page Simple Pure CSS3 404 Error Page - GIF Demo

Author

  • Enrico Chiaromonte

Made with

  • HTML / CSS

About the code

Simple Pure CSS3 404 Error Page

Just a simple pure CSS3 (no JS) animated page for a 404 error: page not found.

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

Dependencies: -

Demo image: 404 Page with SVG 404 Page with SVG - GIF Demo

Author

  • john

Made with

  • HTML / CSS (Less) / JavaScript

About the code

404 Page with SVG

Animated 404 page with SVG.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: HTML 404 Page HTML 404 Page - GIF Demo

Author

  • Saransh Sinha

Made with

  • HTML / CSS

About the code

HTML 404 Page

Simple animated 404 page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: 404 Page Not Found 404 Page Not Found - GIF Demo

Author

  • gavra

Made with

  • HTML / CSS / JavaScript

About the code

404 Page Not Found

HTML, CSS and JS 404 page template.

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

Dependencies: jquery.js

back to top