Shadcncraft
block404-4source: gated · miss
404 4 – Error page with conceptual plug illustration
A creative balanced error page that uses a custom illustration to communicate a technical disconnect. The layout features a two-column split: on the left, a stylized illustration of two disconnected blue plugs; on the right, the "404" status code, a bold headline, and a friendly message explaining the potential reasons for the error. The recovery path is clearly defined by two primary action buttons.
npx shadcn add "https://shadcncraft.com/r/404-4.json"one-time
"one-time" library — installing requires an active license from the vendor.
Source code for this component is gated by the vendor (premium). Visit their site to get it.
Where it goes
statserror-statefeature-grid
Visual style
terminal-mono
Interaction
animated-counter
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
More from Shadcncraft
404 1 – Minimalist error page with navigation recovery actionsblock404 2 – Visual 404 error page with immersive split-screen layoutblock404 3 – Error page with multi-channel support contact cardsblock404 5 – Error page with immersive image and support directoryblock404 6 – Split-screen 404 page with high-contrast editorial visualblockActivity Feed 1 – Filterable timeline with inline contextblockActivity Feed Item 1component
Browse all components in this library →