Free Download Brokebot - Animated SVG 404 Error Pages

Brokebot - Animated SVG 404 Error Pages

When your users are lost or your site is broken, its a bad time to send them to the default error pages, which are ugly, lack helpful information, and have zero links to lead them to somewhere better. Just like GitHub, Lego, and MailChimp, your 404 page should be creative, informative, and maybe even a little funny to break the tension.

Check out all the amazing features:

WordPress Compatible

Brokebot isnt just for HTML sites with just 2 additional steps, it works for WordPress sites as well.

100% Scalability

Unlike JPGs and PNGs, SVG graphics are 100% scalable. It doesnt matter if you look at them on your iPhone or if you zoom in 10x on a high-res screen, they will always have clean, precise edges without pixelation.

Smooth Javascript Animations

There are no Flash or animated GIF elements here. All of the animations you see 100% Javascript and dont require any browser plugins.

This item uses Greensocks TweenMax for the animations, rather than jQuery. Why? Because GSAP is SOOOO much faster and smoother. See for yourself: jQuery vs GSAP speed test.

Easy to Customize

Modifying Brokebot to fit your needs couldnt be easier. To change the size of the graphics, you modify 1 line of CSS. All the colors, including the individual parts of the robot, are managed with a very small CSS file. Want to change the animation? You can do so with a handful of well-commented variables in the JavaScript. You can even have different text show up depending on what the error is.

Compatible With All Major Browsers

Brokebot works seamlessly with all major browsers, even iOS and Internet Explorer.

Handles All Necessary Error Codes

According to Google Insights, here are the worst offenders:

• 500 Internal server error
• 404 Not found
• 403 Forbidden
• 400 Bad request
• 401 Authorization required

These arent as common, but still covered:

• 405 Method not allowed
• 406 Not acceptable (encoding)
• 407 Proxy authentication required
• 408 Request timed out
• 409 Conflicting request
• 410 Gone
• 411 Content length required
• 412 Precognition failed
• 413 Request entity too long
• 414 request URI too long
• 415 Unsupported media type
• 501 Not implemented
• 502 Bad gateway
• 503 Service unavailable
• 504 Gateway timeout
• 505 HTTP version not supported

Other Features

• Tiny file size- The entire page, includes graphics, CSS, and JS, is just 33kb.
• Detailed instructions Dont worry, getting your custom error pages online will be a cinch.
• Mobile friendly

A Note on SEO and Error Pages

No matter how cute your error pages may be, if your users are showing up at the same dead link over and over, you should create a 301 redirect for that URL.

Related Items

Created	7 March 15
Last Update	19 October 15
High Resolution	Yes
Compatible Browsers	IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
ThemeForest Files Included	Layered PSD, HTML Files, CSS Files, JS Files, PSD
Columns	1
Documentation	Unrated
Layout	Fixed
Tags	404 error, 500 error, animated, broken, custom error page, error, flat, flat design, page not found, resizeable, robot, svg, under construction, updates

Preview/Demo Link : Link

Download Link : Link

Free Download Brokebot - Animated SVG 404 Error Pages,Download nulled Brokebot - Animated SVG 404 Error Pages,Get Nulled Brokebot - Animated SVG 404 Error Pages download