error404-react

Beautiful, interactive 404 error page components for React & Next.js

Transform your boring error pages into extraordinary experiences. A collection of 17 beautifully crafted, interactive 404 components ready to drop into any React or Next.js project.

Preview

| Component | Description | |---|---| | StrangerThings | Retro Upside Down themed 404 | | AmongUs | Space-themed Among Us game style | | Particles | Interactive particle animation | | Terminal | Hacker-style terminal output | | BugGame | Playable mini-game 404 | | Void | Dark, minimalist void effect | | RetroTv | Old CRT television static | | MacOs | macOS system error style | | Snow | Falling snow animation | | BlueGlitch | Glitch art blue screen | | StoneAge | Prehistoric caveman style | | Poet | Elegant poetry-themed | | Google | Google-inspired minimal | | GeeksforGeeks | Developer-themed | | Vercel | Vercel deployment style | | ModernPage | Clean modern design | | SimplePage | Minimal and clean |

Installation

npm install error404-react
# or
pnpm add error404-react
# or
yarn add error404-react

Usage

import { StrangerThings } from 'error404-react'

export default function NotFound() {
  return <StrangerThings />
}

Next.js App Router

// app/not-found.tsx
import { Particles } from 'error404-react'

export default function NotFound() {
  return <Particles />
}

Next.js Pages Router

// pages/404.tsx
import { Terminal } from 'error404-react'

export default function Custom404() {
  return <Terminal />
}

All Available Components

import {
  AmongUs,
  BlueGlitch,
  BugGame,
  GeeksforGeeks,
  Google,
  MacOs,
  ModernPage,
  Particles,
  Poet,
  RetroTv,
  SimplePage,
  Snow,
  StoneAge,
  StrangerThings,
  Terminal,
  Vercel,
  Void,
} from 'error404-react'

Peer Dependencies

Make sure you have these installed in your project:

npm install react react-dom next

Alternative: CLI Tool

Prefer to own the code? Use the CLI to copy components directly into your project:

npx error404-cli add

License

MIT © manishpatel00