Discover the best 404 websites created by professional designers. Get inspired and start planning your perfect 404 web design today!

Easily Create Web Design Proposals for your clients.

Proposal

Web Design Proposal Generator

Portfolio with a fixed slogan that changes content when scrolling through the individual projects. 

This project is inspired by Nelson Abalos Jr's «How to Webflow»: https://youtu.be/Y0W_xYrbzmA. 

The embeded code is compatible with all popular browsers including specific adaptations to Internet Explorer and Edge.

CSS Clip - Text reveal masking on-scroll

Text reveal masking on scroll

An interesting 404 error page adds so much personality :) Here is a rebuild of https://www.pluto.app/404 

The stretch goal is to refine the trailing effect by adding rotation.

Trailing 404

404 Page - Sticky Button

Portfolio website design and development for Henry Northington, a writer, creator, and brand specialist.

The site aims to showcase Henry’s personality as well as his work through an interactive pixel-based, retro word-processor style journey.

Super fun to design and build from beginning to end. Big thanks to Henry for the opportunity to build something unique and packed full of enjoyable moments.

View the live site here ↓
https://www.henrynorthington.com/

Henry Northington Portfolio

Here's another website exploration!

There are 3 animated pages on this project :

1. 404 Page (https://play-lottie-animation.webflow.io)
2. Login Page (https://play-lottie-animation.webflow.io/login)
3. Sign-up Page (https://play-lottie-animation.webflow.io/sign-up)

Test Lottie Animation

Playing Around with Animation

I made this minimalistic 404 page template with a doorknob hanger sign.
Animated with Lottie and Interactions.

Enjoy! If you clone it don't forget to leave a like :)
Follow me for more goodies

404 Animated Knob Hanger Template

404 Animated Knobhanger

Beyond Agency

Get lost in places with our cloneable retro 404 pages. Explore hidden worlds and escape lost lands!

404 Errventure

ITA Group

A mesmerizing little down page animation built only with Div's and IX2!

Generic Down Page

Animated Down Page

The Asset I - Error 404 page
================================
Support the Human behind the Machine by follow on social channels. 
-> Website  www.nocodemachine.com
-> Webflow www.webflow.com/nocodemachine
-> Twitter www.twitter.com/NoCodeMachine
-> LinkedIn https://www.linkedin.com/company/nocodemachine
-> Facebook https://www.facebook.com/NoCodeMachine
-> Instagram https://www.instagram.com/nocodemachine
-> Dribbble https://dribbble.com/NoCodeMachine
-> Reddit https://www.reddit.com/user/No-Code-Machine
-> Pinterest https://www.pinterest.com/NoCodeMachine
-> YouTube https://www.youtube.com/channel/UCQlRzk4y3ivRZtQbMldj8mA

The Asset I

Here is a customizable Matrix 404 page in Webflow made thanks to Clive Cooper’s Codepen. You can easily change the following in the code on the Home Settings > Before </body> tag. 

✓ Font Color - fillStyle = '#fff';
✓ Characters  - var letters (currently letters)
✓ Animation velocity  - setInterval

Sign up for the lesson: http://www.webflowtips.com/b/how-to-animate-a-matrix-404-page

If you have any questions feel free to comment.

P.S 🙂 🙌 - Like or follow if this was useful for you.

30 of 50

404 Matrix page

Matrix Style 404 Page 

This 404 page designed by Sarkis Buniatyan apologizes in 100 languages. It is used across all of our projects.

••••••••••••••••••••••••••••••

𝗣𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲 𝗶𝘀 𝗮 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗱𝗲𝘀𝗶𝗴𝗻 𝘀𝘁𝘂𝗱𝗶𝗼 𝘁𝗵𝗮𝘁 𝗰𝗿𝗲𝗮𝘁𝗲𝘀 𝗺𝗮𝗴𝗶𝗰 𝗳𝗼𝗿 𝗰𝗼𝗺𝗽𝗮𝗻𝗶𝗲𝘀 𝗮𝗻𝗱 𝗺𝗮𝗸𝗲𝗿𝘀 𝗮𝗿𝗼𝘂𝗻𝗱 𝘁𝗵𝗲 𝘄𝗼𝗿𝗹𝗱. 𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝗵𝗲𝗹𝗹𝗼@𝗽𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲.𝗰𝗼 𝗳𝗼𝗿 𝗶𝗻𝗾𝘂𝗶𝗿𝗶𝗲𝘀. 𝗜𝗳 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗶𝗻𝘀𝗽𝗶𝗿𝗲𝗱 𝘆𝗼𝘂, 𝗽𝗹𝗲𝗮𝘀𝗲 𝗳𝗼𝗹𝗹𝗼𝘄 𝘂𝘀 𝗼𝗻 𝘁𝘄𝗶𝘁𝘁𝗲𝗿.𝗰𝗼𝗺/𝘁𝗵𝗲𝗽𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲

Protocore 404

Protocore → 404 in 100 Languages

Welcome to the matrix... can you escape?

https://www.buymeacoffee.com/assulin

The greatest 404 page on the web

the-greatest-404-page-on-the-web

404 - error messages should not be designed boring! In this small Webflow project I integrated Snake (the game!) into a 404 error message using React.

React (React.js) is a free (open-source) front-end JavaScript library. React.js can be easily integrated into Webfow and extends the scope of Webflow enormously! You can integrate a lot of interactive applications into your website.

404 - let's play

Integrate React.js application in your Webflow project

404 Boss

404-boss

A couple of simple little games for your lost visitors. Credits to the original programmers can be found in the source.

404 Splash Games

404 Splash Games (Cloneable)

Here's a simple code to redirect any page on your website after a certain amount of time. I use this code to redirect 404 error pages to my client's home page.

Website redirect cloneable

Website / 404 Redirect

Veza Digital

A simple neon effect made using text shadows - in this case, great for a 404 error page!

Neon Text

Neon 404 Page

Personalized and customized design solutions that cater to your specific requirements in a simple yet elegant manner.

“Atwww” represents an active contributor to the Webflow community. Aside from our memberships, we offer custom templates, clonable projects, and a comprehensive component library, while also providing support, guidance, and inspiration to fellow designers and developers.

Live website: https://atwww.studio/



Discover 404 websites built by the Webflow community

Discover 404 websites built by the Webflow community