solicitation of exempt HTML and CSS 404 page template examples. update of June 2020 collection. 7 new items .

Related Articles

Author

  • Jhey
  • February 20, 2021

Links

  • demo and code

Made with

  • HTML (Pug) / CSS (Stylus)

About a code

404 Concept Page

compatible browsers : Chrome, Edge, Opera, Safari

reactive : yes
Dependencies : –

Demo image: 404 - Not Found

Author

  • JSON.girlify
  • January 26, 2021

Links

  • demo and code

Made with

  • HTML / CSS

About a code

404 – Not Found

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

  • Amli
  • September 17, 2020

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS

About a code

404 Page – SVG Animation

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : –

Author

  • Swarup Kumar Kuila
  • August 14, 2020

Links

  • demo and code

Made with

  • HTML / CSS

About a code

Error Page

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

  • Takane Ichinose
  • July 3, 2020

Links

  • demo and code

Made with

  • CSS / JS

About a code

404 Error Page with Search Functionality Using VueJS

404 Error page exemplar layout built in VueJS and CSS animations. You may click anywhere on the blind to search .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : yes
Dependencies : vue.js

Author

  • Manaswini
  • June 27, 2020

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS

About a code

Simple 404 Page

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : font-awesome.css

Author

  • Justin Juno
  • May 7, 2020

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS

About a code

404

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : yes
Dependencies : –

Author

  • Jhey
  • March 22, 2020

Links

  • demo and code

Made with

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

About a code

404 Makes Bear Sad

Uses sibling combinator to wipe aside 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

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS / JS

About a code

404 Error Page

404 error SVG liveliness page .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : anime.js
Demo image: 404 Page UI

Author

  • Rafaela Lucas
  • November 27, 2019

Links

  • demo and code

Made with

  • HTML / CSS (SCSS) / JS

About a code

404 Page UI

404 page with seafaring and parallax effect .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : parallax.js

Author

  • Ethan
  • November 18, 2019

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS

About a code

Neon – 404 Page Not Found

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

  • HIC
  • July 26, 2019

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS (SCSS) / JS

About the code

Spacy 404 Page

spaced-out 404 page with consider up .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : jquery.js
Demo image: Sad Mac 404 Error Page

Author

  • Jon Kantner
  • December 28, 2018

Links

  • demo and code

Made with

  • HTML / CSS

About the code

Sad Mac 404 Error Page

A 404 erroneousness page based on Sad Mac, which was classic Mac OS ’ s blue screen of death. The screen door 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

Links

  • demo and code

Made with

  • HTML / CSS

About the code

CSS Train 404 Page

SVG 404 error page CSS lone .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

  • Janet Mendez
  • September 7, 2018

Links

  • demo and code

Made with

  • HTML / CSS (Sass)

About the code

404 Error – Lost And Alone

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : yes
Dependencies : –

Author

  • Julia
  • September 7, 2018

Links

  • demo and code

Made with

  • HTML / CSS (Sass)

About the code

404 Page

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : –

Author

  • Sarah Frisk
  • September 6, 2018

Links

  • demo and code

Made with

  • HTML / CSS (SCSS)

About the code

404 Eroor Page: Players Not Found

Hand drawn vivification of a perceiver and animated with CSS. largely this was an excuse to doodle around with animation under the guise of a 404 page .
compatible browsers : Chrome, Firefox, Opera, Safari
reactive : yes
Dependencies : –
Demo image: 404 Page

Author

  • Mansoour
  • September 5, 2018

Links

  • demo and code

Made with

  • HTML (Pug) / CSS

About the code

404 Page

pure CSS only 404 page .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : –

Author

  • Jhey
  • September 5, 2018

Links

  • demo and code

Made with

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

About the code

404 Particles with PixiJS

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : yes
Dependencies : pixi.js

Author

  • Leena Lavanya
  • September 4, 2018

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML (Haml) / CSS (SCSS)

About a code

404 Galaxy Not Found

You got lost again, space strange .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –
Demo image: 404 Error Page

Author

  • Sussie Casasola
  • April 28, 2018

Links

  • demo and code

Made with

  • HTML (Pug) / CSS (Sass)

About the code

404 Error Page

Error page 404 with saturated CSS : Monument Valley inspiration .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: 404 Page

Author

  • Andrew Hani
  • April 27, 2018

Links

  • demo and code

Made with

  • HTML / CSS / JavaScript

About the code

404 Page

even 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
  • April 23, 2018

Links

  • demo and code

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
  • December 13, 2017

Links

  • demo and code

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
  • November 14, 2017

Links

  • demo and code

Made with

  • HTML / CSS (SCSS)

About the code

404 Animated Page

Neat fiddling 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
  • November 5, 2017

Links

  • demo and code

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
  • November 4, 2017

Links

  • demo and code

Made with

  • HTML / CSS

About the code

404 Error Example #2

From graphic purpose to web design. This 404 error example was designed by Yoga Perdana and we have converted into world wide web with saturated 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
  • October 21, 2017

Links

  • demo and code

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
  • October 14, 2017

Links

  • demo and code

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
  • August 22, 2017

Links

  • demo and code

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
  • August 10, 2017

Links

  • demo and code

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
  • April 27, 2017

Links

  • demo and code

Made with

  • HTML / CSS

About the code

404 Not Found

SVG 404 not found page mockup .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : –
Demo image: 404 Page
404 Page - GIF Demo

Author

  • Gabrielle Wee
  • February 8, 2017

Links

  • demo and code

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

Links

  • demo and code

Made with

  • HTML / CSS

About the code

404 Page

futuristic 404 foliate .
compatible browsers : Chrome, Firefox, Opera, Safari
responsive : no
Dependencies : –
Demo image: 404 SVG Animated Page Concept

Author

  • Vladimir Gashenko
  • October 7, 2016

Links

  • demo and code

Made with

  • HTML / CSS

About the code

404 SVG Animated Page Concept

404 inspire page concept with SVG and pure CSS3 .
compatible browsers : Chrome, Firefox, Opera, Safari
Dependencies : –
Demo image: BSOD 404 Page

Author

  • Ian Gloude
  • June 15, 2016

Links

  • demo and code

Made with

  • HTML / CSS (SCSS)

About the code

BSOD 404 Page

HTML and CSS BSOD 404 foliate .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: Bubbly 404 Page

Author

  • Kyle Lavery
  • May 1, 2016

Links

  • demo and code

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

Bubbly 404 Page

Pure HTML and CSS bubbling 404 page .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: HTML Error Page

Author

  • Kyle Lavery
  • March 14, 2016

Links

  • demo and code

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

HTML Error Page

Simple HTML 404 erroneousness 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
  • February 27, 2016

Links

  • demo and code

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

Black Hole 404 Page Template

A dim-witted 404 page layout with a cool starship vivification .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: 404 Page Animation
404 Page Animation - GIF Demo

Author

  • Dany Santos
  • February 25, 2016

Links

  • demo and code

Made with

  • HTML / CSS / JavaScript

About the code

404 Page Animation

error 404 page with vivification .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: 404 Page UI

Author

  • Fabio Ottaviani
  • February 21, 2016

Links

  • demo and code

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
  • May 28, 2015

Links

  • demo and code

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
  • May 22, 2015

Links

  • demo and code

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
  • April 30, 2015

Links

  • demo and code

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
  • April 21, 2015

Links

  • demo and code

Made with

  • HTML / CSS

About the code

Pure CSS 404 Error Page

Pure CSS 404 error page with cesium animation .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
Dependencies : –
Demo image: 404 Particle Text

Author

  • enrico toniato
  • February 25, 2015

Links

  • demo and code

Made with

  • HTML / CSS (SCSS) / JavaScript

About the code

404 Particle Text

experiment with 404 not found atom textbook .
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
  • October 16, 2014

Links

  • demo and code

Made with

  • HTML / CSS

About the code

Simple Pure CSS3 404 Error Page

fair a simple pure CSS3 ( no JS ) animated foliate for a 404 mistake : 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
  • October 10, 2014

Links

  • demo and code

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
  • August 20, 2014

Links

  • demo and code

Made with

  • HTML / CSS

About the code

HTML 404 Page

Simple animated 404 foliate .
compatible browsers : Chrome, Firefox, Opera, Safari
Dependencies : –
Demo image: 404 Page Not Found
404 Page Not Found - GIF Demo

Author

  • gavra
  • April 19, 2014

Links

  • demo and code

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

Leave a Reply

Your email address will not be published.