A dramatic 404 page inspired by the Stranger Things intro, featuring a red glowing neon typography effect and atmospheric animations.
Installation
npx 404lab@latest add strangerthingsThis will add the StrangerThings component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
import StrangerThings from "@/components/404/StrangerThings"
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
Neon Glow
Iconic red neon glowing typography that captures the essence of the series.
Cinematic Zoom
Slow-burn atmospheric zoom-in animation for a dramatic visual impact.
Dark Aesthetic
Deep, mysterious black background optimized for high-contrast viewing.
Adaptive Scaling
Fully responsive text scaling ensures the "Upside Down" feel on any device.
Premium Typography
High-fidelity recreation of the legendary intro font styles.