Collection of free 500 error page HTML templates. Update of September 2018 collection. 4 new items.

Related Articles

  1. HTML 404 Page Templates
  2. HTML Funny 404 Pages
  3. 403 Forbidden HTML Templates
  4. HTML 408 Pages
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

Demo image: A True Error 500 Message

Author

  • flowuhh

Made with

  • HTML (Pug) / CSS (SCSS)

About the code

Error 500 Message

A true error 500 message page.

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

Dependencies: -

Demo image: 500 INTERNAL SERVER ERROR

Author

  • mkrln

Made with

  • HTML / CSS

About the code

500 INTERNAL SERVER ERROR

500 - internal error page.

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

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

  • 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

  • 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

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