404 Page Not Found Template

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

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

Made with

• HTML (Pug) / CSS (Stylus)

About a code

404 Concept Page

Compatible browsers: Chrome, Edge, Opera, Safari

Responsive: yes

Dependencies: -

Author

• JSON.girlify
• January 26, 2021

About a code

404 - Not Found

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

Responsive: yes

Dependencies: -

Author

• Amli
• September 17, 2020

Made with

• HTML (Pug) / CSS (SCSS)

About a code

404

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

Responsive: yes

Dependencies: -

Author

• Namrata Podder
• August 24, 2020

About a code

404 Page - SVG Animation

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

Responsive: no

Dependencies: -

Author

• Swarup Kumar Kuila
• August 14, 2020

About a code

Error Page

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

Responsive: yes

Dependencies: -

Author

• Takane Ichinose
• July 3, 2020

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
• June 27, 2020

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
• May 16, 2020

About a code

Simple 404 Page

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

Responsive: no

Dependencies: font-awesome.css

Author

• Justin Juno
• May 7, 2020

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
• March 31, 2020

About a code

404

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

Responsive: yes

Dependencies: -

Author

• Jhey
• March 22, 2020

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
• February 18, 2020

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
• February 7, 2020

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

Author

• Rafaela Lucas
• November 27, 2019

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
• November 18, 2019

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
• August 27, 2019

About a code

Neon - 404 Page Not Found

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

Responsive: yes

Dependencies: -

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
• February 28, 2019

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

Author

• Jon Kantner
• December 28, 2018

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
• November 2, 2018

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
• September 7, 2018

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
• September 7, 2018

Made with

• HTML / CSS (Sass)

About the code

404 Page

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

Responsive: no

Dependencies: -

Author

• Sarah Frisk
• September 6, 2018

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

Author

• Mansoour
• September 5, 2018

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
• September 5, 2018

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
• September 4, 2018

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
• September 3, 2018

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

Author

• Sussie Casasola
• April 28, 2018

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

Author

• Andrew Hani
• April 27, 2018

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

Author

• Saleh Riaz Qureshi
• April 23, 2018

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

Author

• Dave
• December 13, 2017

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

Author

• Vincent Van Goggles
• November 14, 2017

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

Author

• Ricardo Prieto
• November 5, 2017

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

Author

• Ricardo Prieto
• November 4, 2017

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

Author

• Selcuk Cura
• October 21, 2017

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

Author

• Jaymie Rosen
• October 14, 2017

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

Author

• Robin Selmer
• August 22, 2017

Made with

• HTML / CSS (SCSS)

About the code

Retro Error Page

Hacker themed 404 error page.

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

Dependencies: -

Author

• Omar Dsoky
• August 10, 2017

About the code

Error Page 404 Vampire

Vampire 404 error page in pure CSS.

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

Dependencies: -

Author

• Alcina W
• April 27, 2017

About the code

404 Not Found

SVG 404 not found page mockup.

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

Responsive: no

Dependencies: -

Author

• Gabrielle Wee
• February 8, 2017

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
• November 24, 2016

About the code

404 Page

Futuristic 404 page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

• Vladimir Gashenko
• October 7, 2016

About the code

404 SVG Animated Page Concept

404 animated page concept with SVG and pure CSS3.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Author

• Ian Gloude
• June 15, 2016

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

Author

• Kyle Lavery
• May 1, 2016

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

Author

• Kyle Lavery
• March 14, 2016

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

Author

• Kyle Lavery
• February 27, 2016

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

Author

• Dany Santos
• February 25, 2016

Made with

• HTML / CSS / JavaScript

About the code

404 Page Animation

Error 404 page with animation.

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

Dependencies: -

Author

• Fabio Ottaviani
• February 21, 2016

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

Author

• Irem Lopsum
• May 28, 2015

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

Author

• Clement Girault
• May 22, 2015

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

Author

• Robert Lemon
• April 30, 2015

Made with

• HTML / CSS / JavaScript

About the code

HTML CSS 404 Page Templates

Nice error page.

Compatible browsers: Firefox

Dependencies: -

Author

• SQFreaKz
• April 21, 2015

About the code

Pure CSS 404 Error Page

Pure CSS 404 error page with css animation.

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

Dependencies: -

Author

• enrico toniato
• February 25, 2015

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

Author

• Enrico Chiaromonte
• October 16, 2014

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

Author

• john
• October 10, 2014

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

Author

• Saransh Sinha
• August 20, 2014

About the code

HTML 404 Page

Simple animated 404 page.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Author

• gavra
• April 19, 2014

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

404 Page Not Found Template

Source: https://freefrontend.com/html-css-404-page-templates/

Posted by: fabriziotwoured.blogspot.com

Share this post