Lost FaceMotion · ZainSpire ← Library

404 page · eyes follow you · finds the right link

Lost the page.
Found the link.

Most 404 pages just say sorry. This one looks for what you meant. The face follows your pointer and blinks, and it compares the broken address with the real pages on the site to suggest the closest one. Type a broken link below and watch it think. It is also the real 404 page on zainspire.com.

Try
HTML · CSS · JavaScript · no librariesDownload the code ↓

How it finds the link

Edit distance, not guessing

The broken path is compared with every real page using Damerau-Levenshtein distance, which counts the typing mistakes between two words: a missing letter, an extra letter, two letters swapped. The page with the fewest mistakes wins, if it is close enough.

How the face moves

One rAF loop, eased

The pupils ease toward the pointer every frame instead of jumping, so they feel heavy and alive. When you stop moving they look around on their own, and they blink at random gaps like a real face does.

Use it on your site

Swap in your pages

Download the code, put your own page list in the PAGES array, and serve it as your 404 page. On Cloudflare Pages or Netlify, a file named 404.html is used for you. No library, about 10 KB.