Charcoal UI

Not Found Glitch

A 404 in a broken signal: the number tears into shifted slices with red and blue ghosts every few seconds, over scanlines.

  • Type: Error section
  • Styles: Dark, Futuristic
  • Licence: Charcoal UI Pro

About Not Found Glitch

Not Found Glitch turns a missing page into a broken signal: the 404 tears into shifted slices with red and blue ghosts every few seconds, over faint scanlines, with clear ways home and back.

It is a full-width error section for React and Tailwind CSS 4, in a dark and futuristic style. Preview it at any width above, then install it with one command.

When to use Not Found Glitch

  • Developer tool and SaaS 404 pages.
  • Gaming and tech brands.
  • Maintenance and offline screens.
  • Expired or removed content pages.

How it is built

Glitch bursts fire at uneven intervals so it never feels like a loop, using clipped copies of the number that jump and vanish. Reduced motion shows the plain number, and Go back uses the browser history.

It has no component dependencies beyond the shared utilities, so it is one file to read and change.

Goes well with Not Found Glitch

Swap it with another error section, or browse the components it is built from.

Install Not Found Glitch

npx shadcn@latest add @charcoal/not-found-glitch

Not Found Glitch is part of Charcoal UI Pro: one seat covers all 112 sections, 100 templates and 393 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Not Found Glitch work with Next.js?
Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?
Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Not Found Glitch as Markdown