Skip to content

milenmk/React-404-Error-page

Repository files navigation

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

About

Custom 404 Error page to use in React applications

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors