The 19 Best 404 Error Pages Ever

Website developers have the option of creating their own 404 Not Found error pages for their sites, something many have done, but fewer have done well.

The error page, whether a custom page or not, is shown on most websites when the resource you were requesting could not be found. Websites without a 404 error page might simply redirect the request to the website's home page.

Here are 19 of the best 404 error pages we've seen:

404 is an HTTP status code and Not Found is an HTTP reason phrase, which together form the HTTP status line. See HTTP Status Codes for some other codes you might see in a web browser.

01

of 19

Jackrabbit Design's Jumping Jackrabbits 404 Error Page

Jackrabbit Design is a brand design firm based in the Boston, MA area. They use this play-on-the-name, animated jumping jackrabbits 404 error page.

https://www.jumpingjackrabbit.com/404page

Fortunately, although you're lost, these jackrabbits can help you find your way home with a simple "hop" back to the home page.

02

of 19

Nouveller's Jurassic Park 404 Error Page

Remember that scene from Jurassic Park when Dennis Nedry, played by Wayne Knight, ran off with the vial of frozen dinosaur embryos, and left his hacked computer behind to wreck all sorts of havoc?

Thanks to Nouveller's interactive and extremely creative 404 error page, you're about to experience the same level of frustration that Ray Arnold, played by Samuel L. Jackson, did in the movie.

http://nouveller.com/404

Can you get in? You're welcome to try access security, access security grid, or access main security grid, but none of those do it. Ah, ah, ah... you didn't say the magic word!

Nouveller is a web design company run by Benjamin Reid, based in Bristol, UK.

03

of 19

NPR's Lost Stories 404 Error Page

NPR's 404: Page Not Found landing has to be one of the more creative, offering real stories about "lost people, places and things that still haven't turned up."

https://www.npr.org/404page

So, while you may not have landed on the story you were after, you can at least share your feelings of being lost by reading about Amelia Earhart, the lost city of Atlantis, and even Waldo.

Ira Glass really should do a This American Life show about lost things. Oh wait, he did.

04

of 19

CSS-Tricks' Hole-in-the-Internet 404 Error Page

The 404 error page used by CSS-Tricks has to be one of the more clever ones that I've seen. Just be careful, or you'll rip a hole right through the fabric of the internet!

https://css-tricks.com/notapage

Not only is their 404: Not Found landing page visually attractive (it looks like a real tear, doesn't it?) but it's also perfectly in line with the site's focus.

In case it's not clear already, CSS-Tricks is a website that aims to teach CSS web design skills.

05

of 19

LEGO's Frightened 404 Error Page

The LEGO website, as you would probably expect, cleverly employs a LEGO character in their 404 error landing page.

https://www.lego.com/404

As you can see, there's also a shopping button to guide you away from the bad page.

06

of 19

GOG.com's Universal 404 Error Page

GOG.com's 404 Not Found page is happy to illustrate the metaphorical emptiness that now exists in place of the page you were hoping to find.

https://www.gog.com/40404page

I guess now we know what happens when you tear a hole in the internet.

GOG.com is a game and movie distribution platform.

07

of 19

GitHub's Star Wars 404 Error Page

GitHub's 404 error is an obvious hat tip to Star Wars. It's interactive, too—move your mouse around for a fun effect.

https://github.com/404

That looks like a Jawa, on Tatooine, right?

GitHub is a software development website.

08

of 19

Orangecoat's Flowchart 404 Error Page

OrangeCoat's 404 error page easily tops the list of the most helpful, that's for sure.

https://www.orangecoat.com/lost

Just answer the simple yes/no questions in the flowchart and you're bound to leave happy from this typically unhappy error page.

OrangeCoat is a web design company located in Greenville, SC.

09

of 19

Blizzard Entertainment's Rescue Murloc 404 Error Page

The 404 error you get at Blizzard Entertainment is suitable for a site of this name, with a rescue murloc standing in a blizzard to help take you back to safety.

https://www.blizzard.com/en-sg/404errorpage

My favorite part? The humanoid's Mmmrrgmgrrrgmmll sound is a button you can follow to get back to the Blizzard Entertainment home page!

Blizzard Entertainment is a video game development and publishing company based in Irvine, CA.

10

of 19

Limpfish's Personal Ad 404 Error Page

Limpfish.com's 404 error page is a creative take on the classic personal ad. Desperately seeking HTML is right!

http://www.limpfish.com/404

Limpfish.com is the personal website of David Barton.

11

of 19

The New Yorker's Lassie 404 Error Page

The New Yorker, one of the most popular magazines in the world, has a cute 404 page.

https://www.newyorker.com/404page

I don't know about you, but that mimics the feelings I have when I see a 404 error.

This page is sometimes a lost mouse moving through a maze, which probably isn't much different than how you feel when on that page!

12

of 19

Homestar Runner's Shooting Arrows 404 Error Page

Mean? Yes. Relevant? Also yes.

http://homestarrunner.com/404

There are plenty of reasons to get a 404 error when you land on a website, and while you definitely don't deserve five arrows through your body, this cartoon does show that you're in a bad part of the site.

Homestar Runner is a web cartoon series.

13

of 19

Magnt's Venn Diagram 404 Error Page

Magnt's 404 landing page attempts to explain the 404 error with a Venn diagram.

http://www.magnt.com/404/

Technically, though, you get a 404 error because a site broke something or you can't type, meaning that 404 Page should have its own circle, with an intersection with each of the other circles. But I digress...

Magnt is a prepackaged website service.

14

of 19

Not A Niche's Joke 404 Error Page

Not A Niche's Error 404 page, which they call a DANG IT! Page Not Found! error, features a long series of image-based jokes, which you can cycle through by refreshing the page.

http://notaniche.com/404

So while you didn't find what you were looking for, at least you can have a little laugh about it.

Not A Niche is the personal website of Alexander Frison.

15

of 19

MailChimp's Head-in-Hole 404 Error Page

When you're lost online, it's almost as if your head is stuck in a hole. At least, that's how it's portrayed here.

https://mailchimp.com/404/

The page says: We searched high and low but couldn’t find what you’re looking for. Wow — no kidding!

MailChimp is an email newsletter service.

16

of 19

Distilled's Babbling 404 Error Page

Some 404 error pages are actually helpful, but it might not seem that way at first.

https://www.distilled.net/404/

This online marketing agency's 404 page features two men using dated language to describe that you're lost, and explain what to do in a fun little back-and-forth.

17

of 19

Meineke's Broken Car 404 Error Page

What better place to put a broken car than on a broken page!

https://www.meineke.com/wrongpage/

Meineke's 404 error page shows a man pushing a broken down vehicle, which is entirely relevant considering Meineke has auto repair services.

While this error page probably won't help you find the information you were looking for, it can point you in the direction of a Meineke Car Care Center.

18

of 19

Kodi's Frustrated Emoji 404 Error Page

Kodi's 404 Error page showing a very frustrated little green emoji.

Get frustrated when you find a broken link? We do, too. And evidently, the folks at Kodi understand completely.

https://kodi.tv/404

Kodi is responsible for the open source software that helps millions of people get more TV. And the company's frustrated emoji perfectly captures that feeling you get when things don't go right. Fortunately, there are some links below this frustrated little fella that will help you get back on track.

19

of 19

Disqus' Confused 404 Error Page

Land on the 404 page at Disqus and you'll see that you're not the only confused one there. You'll see a new GIF on each 404 page that shows someone else not knowing what they're doing.

https://disqus.com/by/404page404

Disqus is a comment plugin that you can add to your website to encourage feedback from your visitors.

Was this page helpful?

Thanks for letting us know!

Tell us why!