Collection of free HTML and CSS 404 page template examples. Update of June 2020 collection. 7 new items.
Related Articles
Links
Made with
- HTML (Pug) / CSS (Stylus)
About a code
404 Concept Page
Compatible browsers: Chrome, Edge, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS
About a code
404 - Not Found
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML (Pug) / CSS (SCSS)
About a code
404
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS
About a code
404 Page - SVG Animation
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
Made with
- HTML / CSS
About a code
Error Page
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
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
Links
Made with
- HTML / CSS / JS
About a code
404 Error Cogwheels
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: gsap.js
Links
Made with
- HTML / CSS
About a code
Simple 404 Page
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css
Links
Made with
- HTML / CSS (SCSS)
About a code
Sassy 404 UI Study
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS
About a code
404
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
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
Links
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
Links
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
Links
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
Links
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: -
Links
Made with
- HTML / CSS
About a code
Neon - 404 Page Not Found
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
404 Page #8
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js
Links
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
Links
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: -
Links
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: -
Links
Made with
- HTML / CSS (Sass)
About the code
404 Error - Lost And Alone
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (Sass)
About the code
404 Page
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
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: -
Links
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: -
Links
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
Links
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: -
Links
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: -
Links
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: -
Links
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
Links
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: -
Links
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: -
Links
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: -
Links
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: -
Links
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: -
Links
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
Links
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
Links
Made with
- HTML / CSS (SCSS)
About the code
Retro Error Page
Hacker themed 404 error page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
Links
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: -
Links
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: -
Links
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: -
Links
Made with
- HTML / CSS
About the code
404 Page
Futuristic 404 page.
Compatible browsers: Chrome, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
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: -
Links
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: -
Links
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: -
Links
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: -
Links
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: -
Links
Made with
- HTML / CSS / JavaScript
About the code
404 Page Animation
Error 404 page with animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
Links
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
Links
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: -
Links
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
Links
Made with
- HTML / CSS / JavaScript
About the code
HTML CSS 404 Page Templates
Nice error page.
Compatible browsers: Firefox
Dependencies: -
Links
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: -
Links
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
Links
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: -
Links
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: -
Links
Made with
- HTML / CSS
About the code
HTML 404 Page
Simple animated 404 page.
Compatible browsers: Chrome, Firefox, Opera, Safari
Dependencies: -
Links
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