404 pageAnimatedInteractive
A visually striking 404 page featuring animated particles and glitch effects for a modern and edgy look.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add particlesThis will add the Particles component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import Particles from "@/components/404/Particles"
export default function NotFoundPage() {
return Props
| Prop | Type | Default | Description |
|---|---|---|---|
| fullScreen | boolean | true | Whether the particles should cover the entire screen background. |
| className | string | — | Additional CSS classes for styling the container. |
Features
Dynamic Particles
Powered by tsParticles for smooth, interactive background animations.
Glitch Animation
Modern glitch effects applied to the error text for an edgy feel.
Custom Polygon Paths
Advanced particle flow following defined geometric paths.
High Performance
Optimized rendering engine for high frame rates and low CPU usage.
Modern Aesthetic
Perfectly suited for tech-heavy projects and innovative creative applications.