React 404 error page

Related tags:

React 404 Error Page

A stylish and animated 404 error page for React applications with typewriter effect, countdown timer, and a retro terminal look.

Screenshot

Installation

npm install react-404-error-page

or

yarn add react-404-error-page

Usage

import { Error404 } from 'react-404-error-page';
import { Routes, Route } from 'react-router-dom';

function App() { return ( <Routes> <Route path="/" element={<HomePage />} /> {/* Use the Error404 component for any undefined routes /} <Route path="" element={<Error404 />} /> </Routes> ); }

export default App;

Features

  • Typewriter effect with terminal-style formatting
  • Countdown timer for automatic redirection to home page
  • "Go Back" button for manual navigation
  • Random error messages for a touch of humor
  • Responsive design that works on all screen sizes

Requirements

This package requires:

  • React 19.0.0 or higher (for Hooks support)
  • react-router-dom 7.0.0 or higher

License

ISC