404 Lost Page

The classic "Look like you're lost" 404 page — animated illustration and a way back home

Sections404not-founderrorpagelost

Look like you're lost

The page you are looking for is not available!

Code locked

export function NotFoundPage() {
  return (
    <section className="flex min-h-screen items-center justify-center bg-white font-serif">
      <div className="container mx-auto">
        <div className="flex justify-center">
          <div className="w-full text-center sm:w-10/12 md:w-8/12">
            <div
              className="h-[250px] bg-[url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif)] bg-contain bg-center bg-no-repeat sm:h-[350px] md:h-[400px]"

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free account Sign in

Free — no card required.

Related components

Fast

Feature description

Secure

Feature description

Global

Feature description

Insights

Feature description

Free

Bento Feature Grid

Sections · A bento-style feature grid

Ready to ship faster?

Premium components, one paste away.

Free

CTA Glow Section

Sections · A glowing call-to-action section

Free

Magnetic Button

Buttons · A CTA button that leans toward the cursor