Page Not Found

Buttons

About

A clean and modern 404 Not Found page built with React and Tailwind CSS.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Page Not Found to your project and fits it to your theme.

Code

How Page Not Found is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { NotFound } from "@/components/ui/pagenotfound.tsx"; // ✅ import your 404 page

const DemoOne = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <NotFound /> {/* ✅ use it here */}
    </div>
  );
};

export { DemoOne };