Erreur 404, page non trouvée

Présentation

Pour éviter de perdre un utilisateur suite à une erreur HTTP 404, affichez une belle, originale et explicative page 404, avec ou sans animation

Utilisez un template gratuit et redirigez vos utilisateurs vers une page "réelle" de votre Site web

Je vous propose 51 solutions au

  1. Abu JemimaStatique (CSS) 
  2. Ahmed B HameedAnimation (JS, Bootstrap.css) 
  3. ArivananthamAnimation (CSS) 
  4. Bhushan ShashiAnimation (GIF) 
  5. Brazb Yeshuab EmanuelAnimation (CSS) 
  6. Christine IAnimation (CSS, Normalize, etc...) 
  7. De Bruyne KasperTemplate (JS) 
  8. De Haan DaveAnimation (JS) 
  9. Deluce StéphaneAnimation (JS) 
  10. El Hattab HakimAnimation (JS) 
  11. Foulds AndyAnimation (CSS, JS) 
  12. Fuscaldo AntonioAnimation (CSS pur) 
  13. GaoryrtTemplate (HTML) 
  14. GavraAnimation (JS, jQuery) 
  15. Hashenko VolodymyrAnimation (CSS et SVG animé) 
  16. Hazelton IanAnimation (CSS pur) 
  17. Hope ComeAnimation (CSS pur) 
  18. Ilter AdemAnimation (JS, StyleFix) 
  19. Jahan ARiyouStatique (CSS) 
  20. JesusAnimation (JS, jQuery) Nouveauté
  21. Laskar RiazAnimation (JS pur) 
  22. Laxenaire MartinTemplate (JS, threeJs) 
  23. Lepinard SylvainAnimation (CSS et SVG animé) 
  24. LucasRafaelaAnimation (JS, jQuery) 
  25. Malhotra PriyaAnimation (CSS pur) 
  26. Maragopoulos CononTemplate (CSS pur) 
  27. McNabb ScottAnimation (JS, StyleFix) 
  28. Minuto Front EndStatique (CSS pur) 
  29. Mishra RishabhAnimation (JS) 
  30. Nakaya YusukeAnimation (CSS pur) 
  31. Net WikywareAnimation (JS) 
  32. Nixon RobertAnimation (CSS pur) 
  33. Nurrohman TaufikAnimation (JS, jQuery) 
  34. Palma YerkoAnimation (JS) 
  35. Radu BratanAnimation (CSS pur) 
  36. RuliwebAnimation (CSS quasi pur) 
  37. Temereva EvaAnimation (CSS, JS) 
  38. Teslia ValeriiaAnimation (CSS pur) 
  39. Thurston BrettAnimation (CSS,JS, jQuery) 
  40. Tompkins JheyAnimation (JS) 
  41. Tompkins Jhey (2)Animation (CSS pur) 
  42. Urbanski DamianAnimation (JS, jQuery) 
  43. Van Zyl NicoAnimation 3D (CSS pur) 
  44. Vassos ZissisAnimation (CSS, JS, jQuery) 
  45. Vineeth.T.RAnimation (CSS pur) 
  46. Vineeth.T.R 2Animation (CSS pur) 
  47. W3LayoutsTemplate (CSS pur) 
  48. Wee GabrielleAnimation (CSS pur) 
  49. Wolf CreativoTemplate (CSS pur) 
  50. Yaron NadavAnimation (JS, CreateJS.js) Nouveauté
  51. Zaman AftabTemplate (CSS pur) 

 

Template gratuit de page 404 originale

Abu Jemima

Caractéristiques

  • CSS
  • Présentation statique
  • Première page qui parle... pour nous dire qu'elle n'est pas là !!!!!
  • Sur "Go Back", vous avez la version "claire"
  • Lagos, Nigéria

Image cliquable pour voir la page 404

page 404 facon mort vivant

Références

Site web

Site de l'auteur

[Créé / modifié] [29-12-2020 / 29-12-2021]

Ahmed B Hameed

Caractéristiques

  • CSS, JS, Bootstrap.css
  • Présentation façon Bootstrap
  • Manque, au moins, le renvoi à la page d'accueil du site

Image cliquable pour voir la page 404

page 404 facon Bootstrap

Références

Site web

[Créé / modifié] [15-11-2020 / 15-11-2021]

Arivanantham

Caractéristiques

  • CSS, JS, Lottie-player.js
  • Animation sympa et suffisante
  • Code olé olé ! J'ai supprimé Gsap et Bootstrap pour un effet quasi identique

Image cliquable pour voir la page 404

Page d'erreur 404 avec animation d'un chat pris dans des filets

Références

Site web

[Créé / modifié] [10-01-2022 / 10-01-2022]

Bhushan Shashi

Caractéristiques

  • CSS, GIF
  • C'est simple mais efficace
  • Inde

Image cliquable pour voir la page 404

page 404 avec image GIF

Références

Site web

[Créé / modifié] [29-12-2020 / 29-12-2021]

Braz Yeshua Emanuel

Caractéristiques

  • CSS, JS, Cash.js
  • Un peu d'humour ça ne fait pas de mal !
  • Des fenêtres d'erreur s'ouvrent, sans fin
  • Brésil

Image cliquable pour voir la page 404

Page humour

Références

Site web

[Créé / modifié] [10-01-2022 / 10-01-2022]

Christine I

Caractéristiques

  • CSS, Normalize, JS, Gsap.js, GSDevTools3.js, MorphSVGPlugin3.js
  • Les gentils fantômes, bien attentionnés disent : "Ne soyez pas effrayé. La page que vous recherchez a glissé dans un domaine inconnu. Cliquez sur le bouton ci-dessous pour revenir à la page d'accueil."

Image cliquable pour voir la page 404

de petits fantomes vous recoivent pour vous diriger vers la page d'accueil

Références

Site web

[Créé / modifié] [30-07-2021 / 30-07-2021]

De Bruyne Kasper

- Tout est parfait et à sa place !

Caractéristiques

  • CSS, JS
  • Animation : spationaute
  • Lien vers la home page
  • Menu hamburger
  • Bref, il y a tout mais le code est lourd : énormément de CSS et de JS

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

De Haan Dave

Caractéristiques

  • Javascript seul
  • Originaire de Grand Rapids, Michigan, USA
  • Animation : Éclairage par spots
  • Très original

Image cliquable pour voir la page 404

animation  simple en Javascript : template avec eclairage par spot

Références

Site web

[Créé / modifié] [22-11-2020 / 22-11-2020]

Deluce Stéphane

Caractéristiques

  • CSS, JS
  • Animation : Perdu dans les profondeurs un bras armé d'un panneau avertit de l'inexistence de la page
  • Les liens de redirection n'existent pas

Image cliquable pour voir la page 404

page  d'animation suite a une erreur 404

Références

Site web

[Créé / modifié] [13-12-2020 / 13-12-2020]

El Hattab Hakim

Caractéristiques

  • CSS, JS
  • Les yeux clignotent de temps en temps
  • Ils suivent le déplacement de la souris
  • Suède

Image cliquable pour voir la page 404

page  d'animation suite a une erreur 404

Références

Site web

Site de l'auteur

[Créé / modifié] [03-11-2020 / 03-11-2020]

Foulds Andy

Caractéristiques

  • CSS, JS, TweenMax
  • Page complète, c'est rare
  • Style ancien pour les nostalgiques
  • Facile à modifier, merci l'auteur !

Image cliquable pour voir la page 404

page  d'animation 404 style ancien

Références

Site web

[Créé / modifié] [02-08-2020 / 02-08-2020]

Fuscaldo Antonio

- Super car ultra simple !
- Mais il faut avoir connu les anciens messages d'erreur

Caractéristiques

  • CSS pur
  • Animation : La ligne de rafraîchissement de l'écrean cathodique
  • Les liens de redirection sont prévus

Image cliquable pour voir la page 404

animation d'une erreur 404 pour votre site web: rafraîchissement d'un écran à l'ancienne

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]

Gaoryrt

- Il faut avoir connu les anciens messages d'erreur

Caractéristiques

  • HTML de base
  • Ici, ancien message DOS. Existe aussi pour W3X, W95 et W98
  • J'aime le "don't panic" dans cette présentation aussi authentique que sérieuse
  • Ultra simple à mettre en oeuvre

Image cliquable pour voir la page 404

page 404 à la façon de l'ancien système d'explitation DOS ou Windows 3X, ou encore Windows 95

Références

Site web

[Créé / modifié] [19-10-2020 / 19-10-2020]

Gavra

Caractéristiques

  • CSS, JS, jQuery
  • Façon mots-croisés, le message apparait lettre par lettre
  • La page est prête à l'emploi

Image cliquable pour voir la page 404

page 404 facon mots croises

Références

Site web

[Créé / modifié] [15-11-2020 / 15-11-2021]

Hashenko Volodymyr - Kharkiv, Ukraine

- Concept de page 404 svg animée, illustrée par Lina

Caractéristiques

  • Animation en CSS et SVG
  • Template très, voire trop animé
  • Parfaitement responsive
  • Manque le renvoi sur la home page
  • Site de l'auteur intéessant sur Dribbble mais les animations mettent un temps fou à se charger.

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

Page de l'auteur sur Dribbble

[Créé / modifié] [04-03-2021 / 04-03-2021]

Hazelton Ian

- Quel dommage qu'il ne soit pas responsive !

Caractéristiques

  • CSS, Normalize.css
  • Animation avec un bel effet de relief
  • Stockholm, Suède

Image cliquable pour voir la page 404

beau template de page 404 avec relief

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

Hope Come

Caractéristiques

  • CSS pur
  • Le cadre tourne autour du message
  • Pas de redirection, rien d'autre
  • Beijing, Chine
  • Ça a le mérite d'être clair

Image cliquable pour voir la page 404

page 404 avec cadre tournant autour du message d'erreur

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Ilter Adem

Caractéristiques

  • CSS; JS, StyleFix
  • Animation : façon vieille télé cathodique en rupture d'image
  • Très original

Image cliquable pour voir la page 404

animation d'une page 404 : no signal télévisuel

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Jahan ARiyou

Caractéristiques

  • CSS
  • Le néon clignote
  • Manque le renvoi sur la home page

Image cliquable pour voir la page 404

page 404 en mode neon

Références

Site web

[Créé / modifié] [29-12-2020 / 29-12-2021]

Jesus (un autre)

Caractéristiques

  • CSS, JS, jQuery
  • Ça pendouille, ça pendouille !!
  • Sao Paulo, Brésil

Image cliquable pour voir la page 404

le 404 decroche et va pour tomber

Références

Site web

[Créé / modifié] [21-01-2022 / 21-01-2022]

Laskar Riaz

Caractéristiques

  • Javascript seul
  • Originaire de Kolkata, West Bengal, India
  • Animation : Défilement et relief
  • Très original

Image cliquable pour voir la page 404

animation erreur 404 : template avec defilement et relief

Références

Site web

[Créé / modifié] [22-11-2020 / 22-11-2020]

Laxenaire Martin

- Pas responsive !

Caractéristiques

  • CSS, JS, threeJS.org
  • Superbe template
  • Déformation du '404' au passage de la souris
  • 'Page not found' en balise h2, donc facilement modifiable

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Lepinard Sylvain - Lyon

Caractéristiques

  • Animation en CSS et SVG
  • Beau template, reposant
  • Parfaitement responsive
  • Manque le renvoi sur la home page

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [04-03-2021 / 04-03-2021]

Liuba - Flower Me

- Quel scénario ! Et tout en CSS

Caractéristiques

  • CSS pur
  • Animation : Le quatre de droite fait tomber le robot par une béquille puis le zéro l'écrase
  • Responsive

Image cliquable pour voir la page 404

animation d'une page 404 tout en CSS

Références

Site web

[Créé / modifié] [09-11-2021 / 09-11-2021]

Lucas Rafaela

- Très très complet !

Caractéristiques

  • CSS, jQuery, Parallax.min.js
  • Animation : Elle se déplace à l'inverse du curseur
  • Tout est prévu : Responsive avec adaptation; Bouton "j'y vais"; Place du Logo...

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [20-10-2020 / 20-10-2020]

Malhotra Priya

- J'aime beaucoup la simplicité apparente de la solution !

Caractéristiques

  • CSS pur
  • Animation : Simple mais tellement agréable

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [30-10-2020 / 30-10-2020]

MaragopoulosConon

Caractéristiques

  • CSS pur
  • Alexandroupolis, Grèce
  • Seulement du texte pour un site qui serait vraiment pas tout à fait fini
  • La même idée chez un autre auteur
  • Idée sympa. Ces deux auteurs ont l'honnêteté de dire qu'elle est empruntée

Image cliquable pour voir la page 404

erreur 404, texte en langage de programmation

Références

Site web

[Créé / modifié] [26-01-2021 / 26-01-2021]

McNabb Scott

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : façon l'affichage de l'écran n'en a plus pour longtemps
  • Fatigant à regarder, alors de là cliquer sur un lien...

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Minuto Front End

Caractéristiques

  • CSS pur
  • Page statique suggérant un vaisseau spatial perdu dans l'espace
  • Brésil

Image cliquable pour voir la page 404

template statique d'erreur 404

Références

Site web

[Créé / modifié] [09-11-2021 / 09-11-2021]

Mishra Rishabh

Caractéristiques

  • CSS, JS
  • Animation : piratage informatique avec parasitage
  • Barre de commande ludique en bas à gauche : taper 'list' pour voir les options
  • Vite fatigant à regarder

Image cliquable pour voir la page 404

animation d'une page 404 : piratage informatique

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Nakaya Yusuke

Caractéristiques

  • CSS pur
  • Animation : cube roulant
  • Idée marquante

Image cliquable pour voir la page 404

animation d'une page 404 : boite roulante

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Net Wikyware

Caractéristiques

  • CSS; JS
  • Le pain grillé surgit à l'affichage de la page. Puis une légère fumée s'échappe hors du grille-pain. AUtrement dit ; Vous êtes grillé !
  • Sans lien de redirection

Image cliquable pour voir la page 404

animation pour une page 404 : grille-pain avec toast crame

Références

Site web

[Créé / modifié] [13-12-2020 / 13-12-2020]

Nixon Robert

Caractéristiques

  • CSS pur
  • Et pourquoi pas ? Tout simplement !
  • Avec lien de redirection

Image cliquable pour voir la page 404

Simple animation de page 404 avec redirection vers la page d'accueil;

Références

Site web

[Créé / modifié] [30-11-2020 / 30-11-2020]

Nurrohman Taufik - Indonésie

Caractéristiques

  • JS, jQuery. Ni HTML ni CSS
  • Le délai est heureusement paramétrable
  • Pas de lien de 'retour maison'

Image cliquable pour voir la page 404

erreur 404, page animation Far West

Références

Site web

[Créé / modifié] [15-10-2021 / 15-10-2021]

Palma Yerko

- Pas responsive !

Caractéristiques

  • CSS, JS, Particles.js, et bien d'autres
  • Auteur Chilien
  • Animation : Constellations en mouvement
  • La souris perturbe les combinaisons

Image cliquable pour voir la page 404

animation d'un ciel etoile avec les constellations en mouvement

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

Radu Bratan

- Idée très bien réalisée et agréable à regarder !

Caractéristiques

  • CSS pur
  • Animation : Saturne est le centre de recherche de la page manquante. La terre, planète bleue, en retrait, surveille les opérations.
  • Galati, Roumanie
  • Le 'retour maison' est prévu

Image cliquable pour voir la page 404

animation d'un ciel etoile a travers lequel la page est cherchee

Références

Site web

[Créé / modifié] [06-02-2021 / 06-02-2021]

Ruliweb

Caractéristiques

  • CSS quasi pur
  • Animation : porte de l'ascenseur s'ouvrant sur l'étage 404 inexistant
  • Idée originale

Image cliquable pour voir la page 404

animation d'un ascenseur arrivant à un étage 404 non trouvé

Références

Site web

[Créé / modifié] [14-10-2020 / 14-10-2020]

Temereva Eva

Caractéristiques

  • CSS, JS, TweenMax.js, DrawSVGPlugin.js, MorphSVGPlugin.js
  • Le personnage attend et regarde la mouche. Vous pouvez laisser votre imagination trouver la phrase qui convient.
  • Responsive

Image cliquable pour voir la page 404

Erreur 404: attendre en regardant les mouches

Références

Site web

[Créé / modifié] [09-11-2021 / 09-11-2021]

Teslia Valeriia

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : deux portes s'ouvrent
  • Les liens de redirection sont prévus de belle façon

Image cliquable pour voir la page 404

animation d'une page 404 pour votre site web: ouverture de porte

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Thurston Brett

- Bien vu !

Caractéristiques

  • CSS, JS, jQuery
  • Animation : l'aiguille de la boussole suit la souris
  • Le lien de redirection est bien vu
  • Thurston Brett habite à Mobile en Alabama, États-Unis

Image cliquable pour voir la page 404

animation d'une page 404 avec utilisation d'une boussole

Références

Site web

Site de l'auteur

[Créé / modifié] [12-04-2021 / 12-04-2021]

Tompkins Jhey

Caractéristiques

  • CSS, Normalize.css, JS
  • Animation : Les objets se déplacent au contact de la souris

Image cliquable pour voir la page 404

animation d'une page 404 avec reaction a la souris

Références

Site web

[Créé / modifié] [13-12-2020 / 03-11-2021]

Tompkins Jhey (2)

Caractéristiques

  • CSS, JS, rien d'autre
  • Animation : Dans la nuit une lueur, on dirait un faisceau de lumière orienté. Il éclaire, dans le brouillard, le nombre 404
  • Citoyen du monde

Image cliquable pour voir la page 404

animation d'une page 404 dans la nuit, un eclairage

Références

Site web

Site de l'auteur

[Créé / modifié] [03-11-2021 / 03-11-201]

Urbanski Damian

Caractéristiques

  • CSS, JS, jQuery
  • Animation : brouillage, parasitage
  • Vient de Pologne
  • Redirection prévue
  • Fatigant à regarder

Image cliquable pour voir la page 404

animation d'une page 404 : brouillage, parasitage

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Van Zyl Nico

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation 3D
  • Pas de lien de redirection

Image cliquable pour voir la page 404

erreur 404, page animation 3D

Références

Site web

Site de l'auteur

[Créé / modifié] [30-11-2020 / 30-11-2020]

Vassos Zissis - Loutraki, Grèce

Caractéristiques

  • CSS pur
  • Présentation complète et responsive
  • Merci à l'auteur d'indiquer la source de son inspiration. Sympa !

Image cliquable pour voir la page 404

erreur 404, page animation Far West

Références

Site web

[Créé / modifié] [15-10-2021 / 15-10-2021]

Vineeth.T.R

Caractéristiques

  • CSS pur
  • Animation : Le regard est également perdu
  • Pas de lien de redirection

Image cliquable pour voir la page 404

404 Error page animation

Références

Site web

[Créé / modifié] [13-11-2020 / 13-11-2020]

Vineeth.T.R 2

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : Le fameux bébé qui pleure
  • Pas de lien de redirection

Image cliquable pour voir la page 404

404 Error page animation avec un bebe qui pleure : crying baby

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

W3Layouts

- Lien retour obligatoire !

Caractéristiques

  • CSS pur
  • Animation : strict minimum
  • Les liens de redirection sont bien mis en évidence

Image cliquable pour voir la page 404

template gratuit d'une page destinée à gérer l'erreur 404

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]

WeeGabrielle - Bay Area, Californie

- Pour moi c'est très réussi !

Caractéristiques

  • CSS pur
  • Animation : Quand la simplicité est un atout
  • L'animation, légère, ne détourne pas l'attention, au contraire

Image cliquable pour voir la page 404

erreur 404, tres belle animation par sa simplicite

Références

Site web

Site de l'auteur

[Créé / modifié] [26-01-2021 / 26-01-2021]

Wolf Creativo

Caractéristiques

  • CSS pur
  • Cette simple page est, bien sûr, prête à l'emploi

Image cliquable pour voir la page 404

page 404 plein ecran

Références

Site web

[Créé / modifié] [15-11-2020 / 15-11-2021]

Yaron Nadav

Caractéristiques

  • CSS, JS, CreateJS.js
  • Supprimer la largeur du texte à 500px pour ne pas faire apparaitre d'ascenseur
  • Bien pensé !
  • Tel Aviv-Yafo, Israël

Image cliquable pour voir la page 404

comme on se retrouve - 404

Références

Site web

[Créé / modifié] [21-01-2022 / 21-01-2022]

Zaman Aftab

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : strict minimum
  • Le lien de redirection est bien mis en évidence

Image cliquable pour voir la page 404

page design pour l'erreur 404, page non trouvée

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]