Error Page
Full-page error and status surfaces in four ready-made variants — 404, 500, maintenance and access-denied — each with a featured icon, a display-scale code, message, description, up to two CTAs, an optional decorative backdrop and an optional search slot.
bunx shadcn@latest add @nx-ui/error-page404 with a search slot
The not-found variant with the decorative backdrop and a search input dropped into the slot below the copy. Rendered inside the demo canvas here; in production it fills the viewport.
Page not found
We couldn’t find that page
The page you’re after has moved, been retired, or never existed. Check the address or head back to the marketplace.
500 — server error
The unexpected-error variant, with an error-toned featured icon and a single retry CTA.
Something went wrong
An unexpected error occurred
Our team has been notified and is looking into it. Try again in a moment — your work is safe.
Maintenance
The scheduled-maintenance variant, with a word-mark code in place of a number and no backdrop for a calmer holding page.
Scheduled maintenance
We’re making things better
Nexus ReGen is briefly offline for planned maintenance. We’ll be back shortly — thanks for your patience.
Access denied
The permission variant, with a neutral featured icon and a route back to a workspace the user belongs to.
Access denied
You don’t have permission to view this
Your account can’t access this page. Ask an organisation admin for access, or switch to a workspace you belong to.
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | Variant | "404" | — |
code | React.ReactNode | — | Override the big display code (e.g. "404", "Back soon"). |
eyebrow | string | — | — |
title | React.ReactNode | — | — |
description | React.ReactNode | — | — |
primaryCta | Cta | null | { label: "Back to home", href: "/" } | — |
secondaryCta | Cta | null | — | — |
search | React.ReactNode | — | Optional search box (or any node) slotted below the copy. |
icon | React.ComponentType<{ className?: string }> | — | Swap the featured icon. |
backdrop | boolean | true | Render the decorative section backdrop (default true). |
fullScreen | boolean | true | Constrain to the caller's box instead of the viewport height. |
className | string | — | — |