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.
- Not Found Magnetic: A React 404 page whose digits lean toward the cursor on springs
- Not Found Spotlight: A dark React 404 page lit by a torch that follows the cursor
- Not Found Stacked: A React 404 page as a stack of notes with search and helpful links
- Not Found Terminal: A React 404 page as a live terminal with help, ls, cd and home
Install Not Found Glitch
npx shadcn@latest add @charcoal/not-found-glitchNot 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.