404 pageRetroNo props
A nostalgic 404 page featuring a static TV noise effect and glitchy text, evoking the feel of a classic CRT monitor.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add retrotvThis will add the RetroTv component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import RetroTv from "@/components/404/RetroTv"
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
TV Static Effect
Dynamic HTML5 Canvas-powered static noise for an authentic retro feel.
Glitchy Distortions
Smooth CSS-driven text distortion and jitter animations.
CRT Aesthetic
Scanlines and flicker effects that mimic vintage television hardware.
Optimized Performance
Efficient Canvas rendering ensures high frame rates without battery drain.
Pure Nostalgia
Perfect for retro-themed blogs, gaming sites, or digital art portfolios.