# Imprint: Not Found

> A 404 page on small boxes with `falloff={1}` and a closer `perspective`, so the dent is a smooth bowl that terraces down, and the page itself has sunk.

A shadcn/ui block from the [@keyframeui](https://keyframeui.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/keyframeui/imprint-not-found-demo).

- Page, with a live preview: https://shadcn.exchange/r/keyframeui/imprint-not-found-demo
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/keyframeui/imprint-not-found-demo-light-887e5e21bb3e4567.png
- Registry item: https://keyframeui.com/r/imprint-not-found-demo.json
- Categories: background, interaction, canvas, 3d
- Listed: 2026-10-23, source last changed 2026-10-23

## Install

```bash
npx shadcn@latest add https://shadcn.exchange/r/keyframeui/imprint-not-found-demo.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `https://keyframeui.com/r/imprint.json`

## Notes from the registry

Live preview, examples and props: https://keyframeui.com/components/imprint#imprint-not-found-demo

## Files

### `registry/demos/imprint-not-found-demo.tsx`

```tsx
import { Imprint } from "@/components/ui/imprint";

export function ImprintNotFoundDemo() {
  return (
    <Imprint
      cell={28}
      gap={1}
      depth={40}
      reach={190}
      falloff={1}
      perspective={600}
      boxClassName="text-white dark:text-neutral-900"
      className="flex h-[var(--demo-height,30rem)] w-full flex-col items-center justify-center rounded-2xl border border-border px-6 text-center text-foreground"
    >
      <p className="font-mono text-sm text-muted-foreground">404</p>
      <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
        This page sank without a trace
      </h2>
      <p className="mt-3 max-w-sm text-sm/6 text-pretty text-muted-foreground">
        It may have moved, or the link has a typo. Everything else is still on the surface.
      </p>
      <a
        href="#"
        className="mt-8 rounded-full bg-foreground px-5 py-2.5 text-sm font-medium text-background shadow-sm transition-transform active:scale-[0.97]"
      >
        Back to the surface
      </a>
    </Imprint>
  );
}
```