error404-cli
v1.0.1
Published
CLI to add beautiful 404 error pages to your Next.js application.
Downloads
246
Maintainers
Readme
error404-cli
CLI tool to add beautiful 404 error page components directly into your React/Next.js project
Inspired by shadcn/ui — instead of installing a package, you own the code. The CLI downloads any of 17 stunning 404 components directly into your project so you can customize freely.
Usage
No installation needed. Just run:
npx error404-cli addThis opens an interactive menu:
? Which 404 component would you like to add?
❯ Simple Page
Modern Page
Stranger Things
Terminal
Snow
Among Us
Stone Age
Retro TV
Blue Glitch
Poet
Particles
Mac OS
Google
Geeks for Geeks
Vercel
Bug Game
VoidSelect a component → it downloads directly to components/404/ in your project.
Add a Specific Component
npx error404-cli add StrangerThings
npx error404-cli add Particles
npx error404-cli add TerminalAvailable Components
| Name | Command |
|---|---|
| Simple Page | npx error404-cli add SimplePage |
| Modern Page | npx error404-cli add ModernPage |
| Stranger Things | npx error404-cli add StrangerThings |
| Terminal | npx error404-cli add Terminal |
| Snow | npx error404-cli add Snow |
| Among Us | npx error404-cli add AmongUs |
| Stone Age | npx error404-cli add StoneAge |
| Retro TV | npx error404-cli add RetroTv |
| Blue Glitch | npx error404-cli add BlueGlitch |
| Poet | npx error404-cli add Poet |
| Particles | npx error404-cli add Particles |
| Mac OS | npx error404-cli add MacOs |
| Google | npx error404-cli add Google |
| Geeks for Geeks | npx error404-cli add GeeksforGeeks |
| Vercel | npx error404-cli add Vercel |
| Bug Game | npx error404-cli add BugGame |
| Void | npx error404-cli add Void |
After Adding a Component
Use it in your Next.js app:
// app/not-found.tsx
import StrangerThings from '@/components/404/StrangerThings'
export default function NotFound() {
return <StrangerThings />
}Alternative: npm Package
Prefer importing without copying files? Use the npm package instead:
npm install error404-reactimport { StrangerThings } from 'error404-react'License
MIT © manishpatel00
