Collection of free HTML and CSS 404 page template examples. Update of June 2020 collection. 7 new items.

Related Articles

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

Author

  • Jhey

Made with

  • HTML (Pug) / CSS (Stylus)

About a code

404 Concept Page

Compatible browsers: Chrome, Edge, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: 404 - Not Found

Author

  • JSON.girlify

Made with

  • HTML / CSS

About a code

404 - Not Found

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

Responsive: yes

Dependencies: -

Author

  • Amli

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

404

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

Responsive: yes

Dependencies: -

Author

  • Namrata Podder

Made with

  • HTML / CSS

About a code

404 Page - SVG Animation

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

Responsive: no

Dependencies: -

Author

  • Swarup Kumar Kuila

Made with

  • HTML / CSS

About a code

Error Page

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

Responsive: yes

Dependencies: -

Author

  • Takane Ichinose

Made with

  • CSS / JS

About a code

404 Error Page with Search Functionality Using VueJS

404 Error page example layout built in VueJS and CSS animations. You may click anywhere on the screen to search.

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

Responsive: yes

Dependencies: vue.js

Author

  • Manaswini

Made with

  • HTML / CSS / JS

About a code

404 Error Cogwheels

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

Responsive: yes

Dependencies: gsap.js

Author

  • purplexmoss

Made with

  • HTML / CSS

About a code

Simple 404 Page

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

Responsive: no

Dependencies: font-awesome.css

Author

  • Justin Juno

Made with

  • HTML / CSS (SCSS)

About a code

Sassy 404 UI Study

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

Responsive: yes

Dependencies: -

Author

  • Genaro Colusso

Made with

  • HTML / CSS

About a code

404

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

Responsive: yes

Dependencies: -

Author

  • Jhey

Made with

  • HTML (Pug) / CSS (Stylus) / JS (Babel)

About a code

404 Makes Bear Sad

Uses sibling combinator to wipe away those tears when hovering over the link to get out of there.

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

Responsive: yes

Dependencies: react.js, react-dom.js

Author

  • Kasper De Bruyne

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

404 Page

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

Responsive: yes

Dependencies: bootstrap.css, gsap.js

Author

  • Swarup Kumar Kuila

Made with

  • HTML / CSS / JS

About a code

404 Error Page

404 error SVG animation page.

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

Responsive: yes

Dependencies: anime.js

Demo image: 404 Page UI

Author

  • Rafaela Lucas

Made with

  • HTML / CSS (SCSS) / JS

About a code

404 Page UI

404 page with navigation and parallax effect.

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

Responsive: yes

Dependencies: parallax.js

Author

  • Ethan

Made with

  • HTML / CSS (SCSS) / JS

About a code

Space 404

A 404 page made from pure CSS and a touch of canvas.

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

Responsive: no

Dependencies: -

Author

  • Tibix

Made with

  • HTML / CSS

About a code

Neon - 404 Page Not Found

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

Responsive: yes

Dependencies: -

Author

  • HIC

Made with

  • HTML / CSS (SCSS) / JS

About a code

404 Page #8

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

Responsive: yes

Dependencies: jquery.js

Author

  • Morten Sørensen

Made with

  • HTML / CSS (SCSS) / JS

About the code

Spacy 404 Page

Spacy 404 page with count up.

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

Responsive: yes

Dependencies: jquery.js

Demo image: Sad Mac 404 Error Page

Author

  • Jon Kantner

Made with

  • HTML / CSS

About the code

Sad Mac 404 Error Page

A 404 error page based on Sad Mac, which was classic Mac OS’s blue screen of death. The screen was shown if startup failed due to hardware or software issues.

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

Responsive: yes

Dependencies: -

Author

  • Carla

Made with

  • HTML / CSS

About the code

CSS Train 404 Page

SVG 404 error page CSS only.

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

Responsive: yes

Dependencies: -

Author

  • Janet Mendez

Made with

  • HTML / CSS (Sass)

About the code

404 Error - Lost And Alone

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

Responsive: yes

Dependencies: -

Author

  • Julia

Made with

  • HTML / CSS (Sass)

About the code

404 Page

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

Responsive: no

Dependencies: -

Author

  • Sarah Frisk

Made with

  • HTML / CSS (SCSS)

About the code

404 Eroor Page: Players Not Found

Hand drawn animation of a beholder and animated with CSS. Mostly this was an excuse to doodle around with animation under the guise of a 404 page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: 404 Page

Author

  • Mansoour

Made with

  • HTML (Pug) / CSS

About the code

404 Page

Pure CSS only 404 page.

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

Responsive: no

Dependencies: -

Author

  • Jhey

Made with

  • HTML (Pug) / CSS (Stylus) / JS (Babel)

About the code

404 Particles with PixiJS

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

Responsive: yes

Dependencies: pixi.js

Author

  • Leena Lavanya

Made with

  • HTML / CSS (SCSS) / JS

About the code

Code-Theme 404 Page

HTTP 404 error code commands in JavaScript.

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

Responsive: yes

Dependencies: -

Author

  • Rémi Denimal

Made with

  • HTML (Haml) / CSS (SCSS)

About a code

404 Galaxy Not Found

You got lost again, space stranger.

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

Responsive: yes

Dependencies: -

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 Not Found

Author

  • Alcina W

Made with

  • HTML / CSS

About the code

404 Not Found

SVG 404 not found page mockup.

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

Responsive: no

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

Author

  • Adnen rebai

Made with

  • HTML / CSS

About the code

404 Page

Futuristic 404 page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

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