404 Sections

Error page layouts with navigation options for lost visitors - built with shadcn/ui.

404 section with centered textFree

This Shadcn 404 section block keeps the error state simple and directs users back with a single clear action. A simple message ("Page not found") centred on the page with a button to return home.

404 section with image on the right

This Shadcn 404 section block combines a familiar “Page not found” message with a stacked list of suggested destinations so users aren't left at a dead end.

404 section with links to popular pages

This Shadcn 404 section block combines a familiar "Page not found" message with a stacked list of suggested destinations so users aren’t left at a dead end. A two-column layout where the left side holds the 404 heading and explanation, while the right side shows a soft card of icon-labeled links (e.g., Home, Docs, Blog) that highlight on hover to guide users back into the site.

Get access to all Pro Blocks in our Premium Package

Buy now

404 Sections

A 404 section component, built with shadcn/ui, helps users when a page isn't found. You can use this block to display a friendly message and give them options to go back home, visit a popular page, or contact support.

FAQs

Add links back to your home page, your most popular pages and your support page.