Not Found
A minimal, production-ready 404 / route error component featuring floating spring-physics proximity displacement on individual glyphs, clear typography hierarchy, and accessible recovery actions.
This page took a wrong turn.
The requested page doesn't exist or may have moved.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/not-found
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| errorCode | string | '404' | Main error code glyphs rendered as physical interactive objects |
| badgeLabel | string | undefined | Optional status tag displayed above the glyphs |
| title | string | 'This page took a wrong turn.' | Primary heading title |
| description | string | 'The requested page doesn\'t exist or may have moved.' | Descriptive secondary body copy |
| actionLabel | string | 'Go back home' | Label for the primary recovery action button |
| onAction | () => void | undefined | Callback when primary action button is clicked |
| secondaryActionLabel | string | undefined | Optional label for the secondary action button |
| onSecondaryAction | () => void | undefined | Callback when secondary action button is clicked |
| className | string | undefined | Optional custom container CSS classes |