Collection of free 500 error page HTML templates from codepen and other resources. Update of January 2020 collection. 13 new items.
Related Articles
Links
Made with
- HTML / CSS
About a code
Woops. Toast
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML / CSS
About the code
500 - Internal Error
Just another "500 - internal error" page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML (Pug) / CSS (Sass)
About the code
500 - Internal Error Page in HTML
Internal errors make cody sad. Hover over the error code to reset the animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
500 - Internal Error
Page that users will see when a web site throws a 500 error.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: jquery.js

Links
Made with
- HTML (Pug) / CSS / JavaScript
About the code
500 Error - Animated Text Fill
Animated text fill made with canvas
:(
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: jquery.js
Links
Made with
- HTML / CSS
About a code
Error-500 / Windows Loader
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Error 500 - Bug Hunt!
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: tweenmax.js

Links
Made with
- HTML (Pug) / CSS (Stylus)
About a code
CSS Potato 500
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
500 Error Page
Eyes following the cursor. Designed in a 500 error page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.js


Links
Made with
- HTML / CSS / JavaScript
About the code
500 Error: Log File
This weeks code-doodle is just a little 500 error page mockup. Tried to capture the feeling of going through stack traces and lines and lines of log-files in an aesthetically pleasing way. -- wanted to mess around with css variables so likely doesn't work too well in ie :)
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS
About a code
500 Error
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (Sass)
About a code
500 Page Status
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML (Pug) / CSS (SCSS)
About a code
Error 500
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML (Haml) / CSS (SCSS)
About the code
500 Error
500 error HTML page.
Compatible browsers: Chrome, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS / JavaScript
About the code
500 HTTP Error
500 HTTP error idea.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
500 Error
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: three.js
Links
Made with
- HTML / CSS (Sass)
About a code
500 Error - Broken
Just a quick and simple 500 error page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML / CSS
About a code
ERROR 500
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
Made with
- HTML / CSS (Less)
About a code
500 Error
A neon styled 500 internal service error page.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
500 Error Page Template
Just a bit of fun …
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS / JavaScript
About the code
HTML Page for 500 Internal Error
500 error page with particles background.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: jquery.js, typed.js, particles.js
Links
Made with
- HTML / CSS / JS
About a code
500
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
500 Error
A 500 error page with a message that changes as time goes by.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Sample 500 Error Page
This is an SVG from Illustrator, cleaned up via SVGOMG, then animated using the Vivus.js library.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: vivus.js


Links
Made with
- HTML (Pug) / CSS (Stylus)
About the code
Error 500 Alert
Pure HTML and CSS 500 error alert.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (SCSS)
About the code
Pure CSS Buggy Error
Hover the error code to make a bunch of bugs skitter.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -
Links
Made with
- HTML / CSS (SCSS)
About a code
500 Error
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS
About a code
Error 500 Page
Error 500 page with SVG animation.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -