kevingirelli

Not Found

Component 6

About

A 404 page section with a large decorative error code, a page heading, a description, and action buttons for finding your way back.

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

Code

How 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/not-found";

export default function NotFoundDemo() {
  return <NotFound />;
}

More by kevingirelli

View all
  • Aurora

    Aurora

    54
  • QR Code

    QR Code

    49
  • Warp Gradient

    Warp Gradient

    48
  • FAQ Section

    FAQ Section

    46
  • Wave Text

    Wave Text

    37
  • Corner Frame

    Corner Frame

    36
  • Animated Border

    Animated Border

    32
  • Spotlight

    Spotlight

    23