Collection of free 500 error page HTML templates from codepen and other resources. Update of January 2020 collection. 13 new items.

Related Articles

  1. HTML 404 Page Templates
  2. HTML Funny 404 Pages
  3. 403 Forbidden HTML Templates
  4. HTML 408 Pages

Author

  • Genaro Colusso

Made with

  • HTML / CSS

About a code

Woops. Toast

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: 500 - Internal Error

Author

  • Francisco dos Santos

Made with

  • HTML / CSS

About the code

500 - Internal Error

Just another "500 - internal error" page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: 500 - Internal Error Page in HTML 500 - Internal Error Page in HTML - GIF Demo

Author

  • David Altreiter

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

Demo image: 500 - Internal Error 500 - Internal Error - GIF Demo

Author

  • Gayane

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

Demo image: 500 Error - Animated Text Fill

Author

  • Mansoour

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

Author

  • AMAN

Made with

  • HTML / CSS

About a code

Error-500 / Windows Loader

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Ivana

Made with

  • HTML / CSS / JS

About a code

Error 500 - Bug Hunt!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: tweenmax.js

Demo image: CSS Potato 500

Author

  • Jhey

Made with

  • HTML (Pug) / CSS (Stylus)

About a code

CSS Potato 500

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Karl Chelton

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

Demo image: 500 Error: Log File 500 Error: Log File - GIF Demo

Author

  • Adam Quinlan

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

Demo image: 500 Error

Author

  • yuanchuan

Made with

  • HTML / CSS

About a code

500 Error

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Julia

Made with

  • HTML / CSS (Sass)

About a code

500 Page Status

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Jason Yeung

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Error 500

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: 500 Error

Author

  • Adam Kuhn

Made with

  • HTML (Haml) / CSS (SCSS)

About the code

500 Error

500 error HTML page.

Compatible browsers: Chrome, Opera, Safari

Dependencies: -

Demo image: 500 HTTP Error 500 HTTP Error - GIF Demo

Author

  • Edwin Chen

Made with

  • HTML / CSS / JavaScript

About the code

500 HTTP Error

500 HTTP error idea.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

  • Liam Egan

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

500 Error

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: three.js

Author

  • Janet Mendez

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

Demo image: ERROR 500

Author

  • Shrutit8

Made with

  • HTML / CSS

About a code

ERROR 500

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Visual Composer

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

Demo image: 500 Error Page Template 500 Error Page Template - GIF Demo

Author

  • Christopher Kirk-Nielsen

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

Demo image: HTML Page for 500 Internal Error

Author

  • Conner

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

Author

  • Joe Gaffey

Made with

  • HTML / CSS / JS

About a code

500

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Ben

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

Author

  • Stephen Scott

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

Demo image: Error 500 Alert Error 500 Alert - GIF Demo

Author

  • Yeshua Emanuel Braz

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

Demo image: Pure CSS Buggy Error Pure CSS Buggy Error - GIF Demo

Author

  • Dario Corsi

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

Author

  • Nels Setterlund

Made with

  • HTML / CSS (SCSS)

About a code

500 Error

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Henry W

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