Shadcncraft
block404-1source: gated · miss
404 1 – Minimalist error page with navigation recovery actions
A clean and centered error page design for handling "Page not found" scenarios. The layout features a clear information hierarchy starting with the "404" status code, followed by a bold headline and a brief, friendly explanation. Below the text, two distinct call-to-action buttons—a primary "Back home" and a secondary "Go back" with an arrow icon—provide users with immediate paths to resume their browsing.
npx shadcn add "https://shadcncraft.com/r/404-1.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
ctastatserror-statefeature-grid
Visual style
terminal-monominimal
Interaction
animated-counter
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
More from Shadcncraft
404 2 – Visual 404 error page with immersive split-screen layoutblock404 3 – Error page with multi-channel support contact cardsblock404 4 – Error page with conceptual plug illustrationblock404 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 →