404 pageMatrix UIParticles
A digital, Matrix-inspired 404 page featuring dynamic particle trails and a cyberpunk aesthetic, perfect for developer portfolios and tech sites.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add matrixThis will add the Matrix component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import Matrix from "@/components/404/Matrix"
export default function NotFoundPage() {
return Props
| Prop | Type | Default | Description |
|---|
This component requires no props by default. Just drop it in and it works!
Features
Dynamic Particles
Powered by tsParticles for smooth, interactive polygon particle trails.
Cyberpunk Aesthetic
Sleek, dark terminal vibes perfect for developers and tech brands.
Roboto Mono
Uses Google Fonts for an authentic, monospaced tech look.
CDN Loaded
Scripts are loaded efficiently via Next.js Script tags only when needed.