# 404 page blocks for shadcn/ui

> 65 404 page blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/404-page
- 65 blocks, 51 free and 14 paid, from 18 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=404-page&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q 404-page`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free 404 page blocks

All 51 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Not Found 08 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-08): A 404 not found block with a full-page background text. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-08.json`
- [Not found 1 by @efferd](https://shadcn.exchange/r/efferd/not-found-1): Minimal 404 error page with bold typography, subtle borders, and clear navigation actions. `npx shadcn@latest add https://shadcn.exchange/r/efferd/not-found-1.json`
- [Not found 11 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-11): Sera series — giant mono 404 with hairline rule and bordered suggested-link ledger. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-11.json`
- [Dithering 404 by @shaderscn](https://shadcn.exchange/r/shaderscn/dithering-404): A full-screen not found page with a dithered vortex behind a lost message. `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/dithering-404.json`
- [Not Found 05 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-05): A minimal 404 not found block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-05.json`
- [Not found 2 by @efferd](https://shadcn.exchange/r/efferd/not-found-2): Minimalist 404 page featuring large masked typography and clear navigation actions. `npx shadcn@latest add https://shadcn.exchange/r/efferd/not-found-2.json`
- [Not found 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-3): Decor-framed 404 card with grid pattern — contact-9 DNA for missing routes. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-3.json`
- [Not Found 07 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-07): A humorous 404 not found block with a glitch effect. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-07.json`
- [Not found 1 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-1): Minimal centered 404 with blur stagger entrance and back-home link. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-1.json`
- [Not Found 06 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-06): A 404 not found block with popular page cards. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-06.json`
- [Not found 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-5): Cycling status codes with blur crossfade — settles on 404 with dual actions. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-5.json`
- [Not Found 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-02): A 404 not found block with big text, suggestions, and actions. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-02.json`
- [Not Found 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-03): A 404 not found block with a split layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-03.json`
- [Not Found 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-04): A 404 not found block with a search input. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-04.json`
- [Not Found 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/not-found-01): A simple 404 not found block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-01.json`
- [Not found 2 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-2): Split layout — oversized mono 404 left, registry copy and dual CTAs right. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-2.json`
- [Not found 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-6): Four-card destination grid — blocks, docs, pricing, and motion shortcuts. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-6.json`
- [Not found 4 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-4): Search field with quick-link chips and home CTA — catalog discovery on dead ends. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-4.json`
- [Error Page 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/error-page-1): A centred 404 page with an illustration, a home link and a contact action. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/error-page-1.json`
- [Error 404 by @blockforge](https://shadcn.exchange/r/blockforge/error-404): A blueprint 404 with search and escape routes. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/error-404.json`
- [Error404 2 by @uiable](https://shadcn.exchange/r/uiable/block-error404-2): Error404 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-error404-2.json`
- [Error 01 by @hirael](https://shadcn.exchange/r/hirael/error-01): 500 page with a retry action, home link, collapsible technical details (request id, timestamp, copy button) and a system status line. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/error-01.json`
- [Error Page 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/error-page-2): A split 404 page with the brand mark, an illustration and a single home action. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/error-page-2.json`
- [Error404 1 by @uiable](https://shadcn.exchange/r/uiable/block-error404-1): Error404 1 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-error404-1.json`
- [Status 02 by @hirael](https://shadcn.exchange/r/hirael/status-02): Service health cards in a responsive grid: each with a status dot, a response-time sparkline tinted by state, a status label, and an uptime and response stat pair. One service runs degraded. `npx shadcn@latest add https://shadcn.exchange/r/hirael/status-02.json`
- [Maintenance 01 by @hirael](https://shadcn.exchange/r/hirael/maintenance-01): Scheduled maintenance page with a pulsing status dot, window card showing start, expected return and migration progress, a notify-me popover with email validation, a status page link and a timestamped updates list. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/maintenance-01.json`
- [Coming Soon 01 by @hirael](https://shadcn.exchange/r/hirael/coming-soon-01): Full-viewport launch page with a live countdown, an email notify form that shows an inline success state, and a GitHub link in the footer. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/coming-soon-01.json`
- [Coming Soon 02 by @hirael](https://shadcn.exchange/r/hirael/coming-soon-02): Full-viewport launch teaser: a pill badge, a word-by-word serif headline, sub-copy and an email notify form with inline validation and a confirmation, above a glowing horizon of sparkles with a rounded planet edge. Motion respects reduced-… `npx shadcn@latest add https://shadcn.exchange/r/hirael/coming-soon-02.json`
- [Not Found 02 by @hirael](https://shadcn.exchange/r/hirael/not-found-02): A 404 page framed by side rails, with a photo, an error code, a home link and a band of popular pages. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/not-found-02.json`
- [Status 01 by @hirael](https://shadcn.exchange/r/hirael/status-01): Service status page: an operational banner with an inline check, a 90-day uptime grid of tooltip-backed day bars per service with a status legend, and a dated incident history where each update carries a tone-colored badge, a timestamp and… `npx shadcn@latest add https://shadcn.exchange/r/hirael/status-01.json`
- [Maintenance 02 by @hirael](https://shadcn.exchange/r/hirael/maintenance-02): Full-viewport offline page with a blurred primary glow and a sparkle field behind a pill badge, a word-by-word serif headline, a short status message and a spinner line. Message area is a live region. `npx shadcn@latest add https://shadcn.exchange/r/hirael/maintenance-02.json`
- [Not Found 01 by @hirael](https://shadcn.exchange/r/hirael/not-found-01): Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' suggested-routes list. `npx shadcn@latest add https://shadcn.exchange/r/hirael/not-found-01.json`
- [404 / Not Found Stacked by @beui](https://shadcn.exchange/r/beui/not-found-stacked): A code card over a hidden stack that fans out with a spring on hover. `npx shadcn@latest add https://shadcn.exchange/r/beui/not-found-stacked.json`
- [Not found 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/not-found-7): Editorial 404 with monospace broken-path readout and home link. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-7.json`
- [Imprint: Not Found by @keyframeui](https://shadcn.exchange/r/keyframeui/imprint-not-found-demo): A 404 page on small boxes with `falloff={1}` and a closer `perspective`, so the dent is a smooth bowl that terraces down, and the page itself has sunk. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/imprint-not-found-demo.json`
- [8-bit 404 Page by @8bitcn](https://shadcn.exchange/r/8bitcn/not-found1): Retro 404 page with pixel art character. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/not-found1.json`
- [8-bit 404 Undead by @8bitcn](https://shadcn.exchange/r/8bitcn/not-found3): Cursed 404 page with pixel undead character. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/not-found3.json`
- [8-bit Brick Breaker 404 by @8bitcn](https://shadcn.exchange/r/8bitcn/not-found-brick-breaker): A playable brick-breaker 404 page with keyboard, pointer, and touch controls. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/not-found-brick-breaker.json`
- [8-bit Crate Pusher 404 by @8bitcn](https://shadcn.exchange/r/8bitcn/not-found-crate-pusher): A randomized crate-pushing 404 page with 20 curated, solver-verified puzzles. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/not-found-crate-pusher.json`
- [8-bit 404 Dwarf by @8bitcn](https://shadcn.exchange/r/8bitcn/not-found2): Retro 404 page with pixel dwarf character. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/not-found2.json`
- [404 / Not Found Glitch by @karaui](https://shadcn.exchange/r/karaui/not-found-glitch): Digits scramble through random glyphs before resolving, with a chromatic split on hover. `npx shadcn@latest add https://shadcn.exchange/r/karaui/not-found-glitch.json`
- [404 / Not Found Spotlight by @karaui](https://shadcn.exchange/r/karaui/not-found-spotlight): A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base. `npx shadcn@latest add https://shadcn.exchange/r/karaui/not-found-spotlight.json`
- [404 / Not Found Stacked by @karaui](https://shadcn.exchange/r/karaui/not-found-stacked): A code card over a hidden stack that fans out with a spring on hover. `npx shadcn@latest add https://shadcn.exchange/r/karaui/not-found-stacked.json`
- [404 / Not Found Terminal by @karaui](https://shadcn.exchange/r/karaui/not-found-terminal): A terminal window that types a failed cd command and a 404 status, with a blinking caret. `npx shadcn@latest add https://shadcn.exchange/r/karaui/not-found-terminal.json`
- [404 / Not Found Spotlight by @beui](https://shadcn.exchange/r/beui/not-found-spotlight): A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base. `npx shadcn@latest add https://shadcn.exchange/r/beui/not-found-spotlight.json`
- [Page Not Found by @spectrumui](https://shadcn.exchange/r/spectrumui/not-found-empty): A 404 that prints the path it tried and filters real destinations as you type. `npx shadcn@latest add https://shadcn.exchange/r/spectrumui/not-found-empty.json`
- [Not Found by @corsair-ui](https://shadcn.exchange/r/corsair-ui/not-found): A 404 page section with a large decorative error code, a page heading, a description, an optional search slot and actions. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/not-found.json`
- [Sad Mac 404 by @nostalgia-ui](https://shadcn.exchange/r/nostalgia-ui/sad-mac-404): Full-page not-found screen with a pure-SVG Sad Mac, hex error codes and a Restart link home. Dark and light variants. `npx shadcn@latest add https://shadcn.exchange/r/nostalgia-ui/sad-mac-404.json`
- [404 page by @quill](https://shadcn.exchange/r/quill/error-404): A full-page 404 error state with go-back and home recovery actions. `npx shadcn@latest add https://shadcn.exchange/r/quill/error-404.json`
- [404 / Not Found Glitch by @beui](https://shadcn.exchange/r/beui/not-found-glitch): Digits scramble through random glyphs before resolving, with a chromatic split on hover. `npx shadcn@latest add https://shadcn.exchange/r/beui/not-found-glitch.json`
- [404 / Not Found Terminal by @beui](https://shadcn.exchange/r/beui/not-found-terminal): A terminal window that types a failed cd command and a 404 status, with a blinking caret. `npx shadcn@latest add https://shadcn.exchange/r/beui/not-found-terminal.json`

## Paid 404 page blocks

All 14 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [404 Page 3 by @initium](https://shadcn.exchange/r/initium/404-page-3): 404 page example section 3 with site links and legal, 404 messaging, navigation links.
- [404 Section 2 by @initium](https://shadcn.exchange/r/initium/404-section-2): 404 page section 2 with media, two-column layout, 404 messaging, primary and secondary CTAs, background contrast section.
- [404 Page 2 by @initium](https://shadcn.exchange/r/initium/404-page-2): 404 page example section 2 with media, site links and legal, 404 messaging, primary and secondary CTAs, navigation links.
- [404 Section 3 by @initium](https://shadcn.exchange/r/initium/404-section-3): 404 page section 3 with media, two-column layout, 404 messaging, centered content, background contrast section.
- [404 Section 1 by @initium](https://shadcn.exchange/r/initium/404-section-1): 404 page section 1 with 404 messaging, centered content, background contrast section.
- [404 Page 1 by @initium](https://shadcn.exchange/r/initium/404-page-1): 404 page example section 1 with site links and legal, 404 messaging, primary and secondary CTAs, navigation links.
- [Error Page 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/error-page-3): Interactive 404 page with search and help options.
- [404 6 – Split-screen 404 page with high-contrast editorial visual by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-6): A modern error page that utilizes an inverted split-screen layout. A large, stylized editorial image with rounded corners is positioned on the left. The right side contains the focused messaging area, featuring the "404" status code, a bol…
- [Error Page 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/error-page-4): Maintenance page with countdown and progress tracking.
- [404 3 – Error page with multi-channel support contact cards by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-3): A comprehensive error recovery page designed to provide immediate assistance. The top section maintains the standard 404 messaging and primary navigation buttons. Below, the layout features a horizontal grid of three informative cards, eac…
- [404 4 – Error page with conceptual plug illustration by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-4): 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" stat…
- [404 1 – Minimalist error page with navigation recovery actions by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-1): 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…
- [404 2 – Visual 404 error page with immersive split-screen layout by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-2): A modern and emotionally engaging error page that uses a split-screen composition. The left side provides clear, left-aligned information: the "404" status code, a bold headline, a supportive description, and two navigation recovery button…
- [404 5 – Error page with immersive image and support directory by @shadcncraft](https://shadcn.exchange/r/shadcncraft/404-5): A highly functional error page that utilizes a balanced grid system. The layout is dominated on the right by a large, atmospheric image with rounded corners. The left side is divided into two clear zones: a top section containing the "404"…

## Registries with the most 404 page blocks

- [@hirael](https://shadcn.exchange/r/hirael): 9 blocks, all free
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 8 blocks, all free
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 8 blocks, all free
- [@initium](https://shadcn.exchange/r/initium): 6 blocks, all paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 6 blocks, all paid
- [@8bitcn](https://shadcn.exchange/r/8bitcn): 5 blocks, all free
- [@beui](https://shadcn.exchange/r/beui): 4 blocks, all free
- [@karaui](https://shadcn.exchange/r/karaui): 4 blocks, all free
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 4 blocks, 2 free and 2 paid
- [@efferd](https://shadcn.exchange/r/efferd): 2 blocks, all free
- [@uiable](https://shadcn.exchange/r/uiable): 2 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 1 block, free
- [@corsair-ui](https://shadcn.exchange/r/corsair-ui): 1 block, free
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 1 block, free
- [@nostalgia-ui](https://shadcn.exchange/r/nostalgia-ui): 1 block, free
- [@quill](https://shadcn.exchange/r/quill): 1 block, free
- [@shaderscn](https://shadcn.exchange/r/shaderscn): 1 block, free
- [@spectrumui](https://shadcn.exchange/r/spectrumui): 1 block, free