404 Page

Browse a collection of customizable 404 error page snippets to enhance your website’s user experience when a page is not found.

404 Concept Page

Author:
Jhey | February 20, 2021
Made with:
HTML (Pug) / CSS (Stylus)

Compatible browsers:
Chrome, Edge, Opera, Safari
Responsive:
yes
Dependencies:
-
404 - Not Found

404 - Not Found

Author:
JSON.girlify | January 26, 2021
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404

Author:
Amli | September 17, 2020
Made with:
HTML (Pug) / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Page - SVG Animation

Author:
Namrata Podder | August 24, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Error Page

Author:
Swarup Kumar Kuila | August 14, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Error Page with Search Functionality Using VueJS

Author:
Takane Ichinose | July 3, 2020
Made with:
CSS / JS

About a code

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

404 Error Cogwheels

Author:
Manaswini | June 27, 2020
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
gsap.js

Simple 404 Page

Author:
purplexmoss | May 16, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
font-awesome.css

Sassy 404 UI Study

Author:
Justin Juno | May 7, 2020
Made with:
HTML / CSS (SCSS)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404

Author:
Genaro Colusso | March 31, 2020
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Makes Bear Sad

Author:
Jhey | March 22, 2020
Made with:
HTML (Pug) / CSS (Stylus) / JS (Babel)

About a code

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

404 Page

Author:
Kasper De Bruyne | February 18, 2020
Made with:
HTML / CSS (SCSS) / JS (Babel)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, gsap.js

404 Error Page

Author:
Swarup Kumar Kuila | February 7, 2020
Made with:
HTML / CSS / JS

About a code

404 error SVG animation page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
anime.js
404 Page UI

404 Page UI

Author:
Rafaela Lucas | November 27, 2019
Made with:
HTML / CSS (SCSS) / JS

About a code

404 page with navigation and parallax effect.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
parallax.js

Space 404

Author:
Ethan | November 18, 2019
Made with:
HTML / CSS (SCSS) / JS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

Neon - 404 Page Not Found

Author:
Tibix | August 27, 2019
Made with:
HTML / CSS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Page #8

Author:
HIC | July 26, 2019
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
jquery.js

Spacy 404 Page

Author:
Morten Sørensen | February 28, 2019
Made with:
HTML / CSS (SCSS) / JS

About a code

Spacy 404 page with count up.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
jquery.js
Sad Mac 404 Error Page

Sad Mac 404 Error Page

Author:
Jon Kantner | December 28, 2018
Made with:
HTML / CSS

About a code

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

CSS Train 404 Page

Author:
Carla | November 2, 2018
Made with:
HTML / CSS

About a code

SVG 404 error page CSS only.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Error - Lost And Alone

Author:
Janet Mendez | September 7, 2018
Made with:
HTML / CSS (Sass)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Page

Author:
Julia | September 7, 2018
Made with:
HTML / CSS (Sass)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

404 Eroor Page: Players Not Found

Author:
Sarah Frisk | September 6, 2018
Made with:
HTML / CSS (SCSS)

About a code

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

404 Page

Author:
Mansoour | September 5, 2018
Made with:
HTML (Pug) / CSS

About a code

Pure CSS only 404 page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-

404 Particles with PixiJS

Author:
Jhey | September 5, 2018
Made with:
HTML (Pug) / CSS (Stylus) / JS (Babel)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
pixi.js

Code-Theme 404 Page

Author:
Leena Lavanya | September 4, 2018
Made with:
HTML / CSS (SCSS) / JS

About a code

HTTP 404 error code commands in JavaScript.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

404 Galaxy Not Found

Author:
Rémi Denimal | September 3, 2018
Made with:
HTML (Haml) / CSS (SCSS)

About a code

You got lost again, space stranger.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
404 Error Page

404 Error Page

Author:
Sussie Casasola | April 28, 2018
Made with:
HTML (Pug) / CSS (Sass)

About a code

Error page 404 with pure CSS: Monument Valley inspiration.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Page

404 Page

Author:
Andrew Hani | April 27, 2018
Made with:
HTML / CSS / JavaScript

About a code

Yet another HTML 404 animated page template.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
jquery.js
404 Page - Lost In Space

404 Page - Lost In Space

Author:
Saleh Riaz Qureshi | April 23, 2018
Made with:
HTML / CSS / JavaScript

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
UI 404 Page

UI 404 Page

Author:
Dave | December 13, 2017
Made with:
HTML / CSS (SCSS) / JavaScript

About a code

A bold 404 page layout.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Animated Page

404 Animated Page

Author:
Vincent Van Goggles | November 14, 2017
Made with:
HTML / CSS (SCSS)

About a code

Neat little CSS 3D text animation.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Error Example #3

404 Error Example #3

Author:
Ricardo Prieto | November 5, 2017
Made with:
HTML / CSS

About a code

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:
-
404 Error Example #2

404 Error Example #2

Author:
Ricardo Prieto | November 4, 2017
Made with:
HTML / CSS

About a code

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:
-
404 Typed Message

404 Typed Message

Author:
Selcuk Cura | October 21, 2017
Made with:
HTML / CSS (SCSS) / JavaScript

About a code

GSAP 404 typed message using SplitText.js.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
jquery.js, tweenmax.js, splittext.js
404 Page

404 Page

Author:
Jaymie Rosen | October 14, 2017
Made with:
HTML / CSS / JavaScript

About a code

Animated HTML 404 page template.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
tweenmax.js, splittext.js, morphsvgplugin.js
Retro Error Page

Retro Error Page

Author:
Robin Selmer | August 22, 2017
Made with:
HTML / CSS (SCSS)

About a code

Hacker themed 404 error page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
Error Page 404 Vampire

Error Page 404 Vampire

Author:
Omar Dsoky | August 10, 2017
Made with:
HTML / CSS

About a code

Vampire 404 error page in pure CSS.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Not Found

404 Not Found

Author:
Alcina W | April 27, 2017
Made with:
HTML / CSS

About a code

SVG 404 not found page mockup.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
404 Page

404 Page

Author:
Gabrielle Wee | February 8, 2017
Made with:
HTML (Haml) / CSS (SCSS)

About a code

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

Compatible browsers:
Chrome, Firefox, Opera, Safari
Dependencies:
-

404 Page

Author:
Adnen rebai | November 24, 2016
Made with:
HTML / CSS

About a code

Futuristic 404 page.

Compatible browsers:
Chrome, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
404 SVG Animated Page Concept

404 SVG Animated Page Concept

Author:
Vladimir Gashenko | October 7, 2016
Made with:
HTML / CSS

About a code

404 animated page concept with SVG and pure CSS3.

Compatible browsers:
Chrome, Firefox, Opera, Safari
Dependencies:
-
BSOD 404 Page

BSOD 404 Page

Author:
Ian Gloude | June 15, 2016
Made with:
HTML / CSS (SCSS)

About a code

HTML and CSS BSOD 404 page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
Bubbly 404 Page

Bubbly 404 Page

Author:
Kyle Lavery | May 1, 2016
Made with:
HTML (Pug) / CSS (SCSS)

About a code

Pure HTML and CSS bubbly 404 page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
HTML Error Page

HTML Error Page

Author:
Kyle Lavery | March 14, 2016
Made with:
HTML (Pug) / CSS (SCSS)

About a code

Simple HTML 404 error page.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
Black Hole 404 Page Template

Black Hole 404 Page Template

Author:
Kyle Lavery | February 27, 2016
Made with:
HTML (Pug) / CSS (SCSS)

About a code

A simple 404 page layout with a cool spaceship animation.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Page Animation

404 Page Animation

Author:
Dany Santos | February 25, 2016
Made with:
HTML / CSS / JavaScript

About a code

Error 404 page with animation.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Page UI

404 Page UI

Author:
Fabio Ottaviani | February 21, 2016
Made with:
HTML / CSS (SCSS) / JavaScript

About a code

HTML/CSS and JS 404 page UI.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
jquery.js
404 Page Template

404 Page Template

Author:
Irem Lopsum | May 28, 2015
Made with:
HTML / CSS (SCSS)

About a code

404 page (based on a dribbble shot).

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Dependencies:
-
404 Low Poly Effect

404 Low Poly Effect

Author:
Clement Girault | May 22, 2015
Made with:
HTML / CSS / JavaScript

About a code

Animated 404 page template with low poly effect.

Compatible browsers:
Chrome, Firefox, Opera, Safari
Dependencies:
jquery.js

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨