React 404 Error Page
A stylish and animated 404 error page for React applications with typewriter effect, countdown timer, and a retro terminal look.
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