Dark 404 on a twelve-column grid: headline and home button above CopperSlabs and CobaltSlabs tiles, one with the status and the address the visitor asked for, one listing destinations. Pass path, or it reads the browser's address. Pulls in Geist Mono and Hanken Grotesk.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/404-18npx shadcn add @01orbital/404-18yarn shadcn add @01orbital/404-18bunx --bun shadcn add @01orbital/404-18Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/404/404-18/index.tsx, as source you own and edit.
import NotFound18 from "@/components/blocks/404/404-18"
// The card shows a realistic missed address instead of the preview's own.
export default function Demo() {
return <NotFound18 path="/blog/2024/launch-notes" />
}Prop
Type
npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
buttoncobalt-slabscopper-slabsfont-geist-monofont-hanken-groteskAurora Arc Not Found
Dark 404 over an AuroraArcScene rising from the floor, quieted by a light scrim, with centered copy held by a legible text shadow and an arrow link back home.
Broken Neon Sign Not Found
Dark 404 with a NeonSign spelling NOT FOUND, one tube burnt out, over a monospace error line, short message and home button. The sign burns steady; flicker is opt-in.