Error Blocks
Copy-paste React error pages that give the visitor a way forward: 404, 500, 403, maintenance, and expired-link screens with search, suggested destinations, and support links. Each block ships as plain, editable component code, not a runtime dependency.
centered-404-message
Centered 404 Message
Minimal centered 404 with two CTAs and a divided row of popular page links.
404-with-site-search
404 With Site Search
404 screen with a working search box and a bordered list of suggested pages.
split-404-with-image
Split 404 With Image
Two-column 404 with the message on one side and a full-bleed photo that scales on hover on the other.
404-with-destination-cards
404 With Destination Cards
404 screen with a grid of icon destination cards plus fallback CTA buttons.
404-support-panel
404 Support Panel
Card-style 404 echoing the requested URL, with a real back button and a support/status link row.
inline-404-line
Inline 404 Line
The smallest possible 404: code and message on one divided line with one button underneath.
404-notice-card
404 Notice Card
Compact bordered 404 card with an icon badge, status label, and stacked full-width buttons.
404-with-redirect-countdown
404 With Redirect Countdown
404 screen with a live countdown that fires an onRedirect callback, plus cancel and go-now actions.
404-did-you-mean
404 Did You Mean
Left-aligned 404 for docs and marketing sites, with a struck-through path and a single closest-match suggestion.
fullscreen-404-with-background
Fullscreen 404 With Background
Screen-height 404 with a full-bleed background photo, dark overlay, and centered messaging for marketing sites.
404-with-product-recommendations
404 With Product Recommendations
Store 404 for dead product URLs, with shopping buttons above a 4-up product grid showing price and compare-at price.
404-with-popular-articles
404 With Popular Articles
Blog 404 that turns a dead post URL into reading, with a 3-up article grid of cover images, category badges, dates, and read times.
404-with-site-directory
404 With Site Directory
404 page that doubles as a sitemap, with left-aligned messaging over 4 columns of grouped section links.
editorial-404-section-index
Editorial 404 Section Index
Editorial-styled 404 with an eyebrow and status code over a hairline rule, an accent-highlighted headline, and a ruled index of sections.
500-incident-report
500 Incident Report
Server error page with an eyebrow and status code over a hairline rule, a bordered incident table, and a retry button beside a status-page link.
403-access-request
403 Access Request
Permission-denied screen showing the signed-in account and what's needed to get access.
maintenance-window-notice
Maintenance Window Notice
Scheduled-maintenance screen with the downtime window and a working notify-me signup.
expired-link-recovery
Expired Link Recovery
Expired-link screen with a working resend button and a list of why links expire.
typographic-404-index
Typographic 404 Index
Monochrome, type-led 404 with a ruled index of every major site section.
editorial-404-with-portrait-image
Editorial 404 With Portrait Image
Two-column editorial 404 with a display headline, pill CTA, and a tall captioned photo.
server-error-record
Server Error Record
500 screen with a retry CTA and a ruled two-column incident record for support requests.
planned-downtime-window
Planned Downtime Window
Planned-downtime screen with a ruled three-column window and a working notify-me signup.
invitation-only-access
Invitation Only Access
Monochrome permission screen with a request-access flow and a ruled project record.
404-with-featured-work
404 With Featured Work
Studio 404 for a dead project link, with two featured project cards to recover the visit.
rate-limit-cooldown
Rate Limit Cooldown
429 too-many-requests screen with usage cells and a live cooldown that unlocks a retry button.
payment-required-lockout
Payment Required Lockout
Split billing lockout screen with an unpaid invoice table and a list of what stays untouched.
session-expired-sign-in
Session Expired Sign In
Timed-out session screen with an account strip, autosave reassurance, and a sign-in button.
region-unavailable-notice
Region Unavailable Notice
Geo-restriction screen with a market rollout list and a Notify me confirmation flow.
oversized-numeral-404
Oversized Numeral 404
Monochrome 404 led by an oversized status numeral, split by a hairline rule into two columns.
search-led-404
Search Led 404
Monochrome 404 built around a real search bar, with a ruled list of popular routes below.
offline-sync-queue
Offline Sync Queue
Offline screen with a live reconnect countdown and a panel of changes waiting to sync.
404-with-recent-writing
404 With Recent Writing
Monochrome 404 for a renamed article, with three recent posts to keep readers browsing.
retired-page-record
Retired Page Record
Page for deliberately removed content, with a ruled Published/Retired/Why record.
editorial-not-found-split
Editorial Not Found Split
Calm split not-found page: oversized light headline and actions beside likely destinations.
server-error-with-live-status
Server Error With Live Status
Calm 500 page with a monospace error code, recovery actions, and a decorative uptime strip.
not-found-with-search
Not Found With Search
Oversized not-found headline over an image tile floating a real controlled search panel.
access-denied-with-request-path
Access Denied With Request Path
403 page naming the missing role, who can grant it, and a real request-access confirmation.