An immersive, dark-themed 404 page featuring a dynamic particle field, interactive parallax digits, and cycling void messages.
Installation
npx 404lab@latest add voidThis will add the Void component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
import Void from "@/components/404/Void"
export default function NotFoundPage() {
return Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes for styling the container. |
This component requires no props by default. Just drop it in and it works!
Features
Neural Network Particles
Interactive particle system connected by neural-style lines using HTML5 Canvas.
Parallax Depth
Mouse-following parallax 404 digits that create a striking 3D immersion.
Glassmorphism UI
Integrated search modal with frosted glass effects and smooth transitions.
Cycling Messages
Dynamic error messages that cycle with smooth fade-in animations.
Immersive Experience
High-performance canvas rendering ensures smooth 60FPS interaction.