404 pageAnimatedNo props
A playful animated 404 page inspired by Among Us, featuring floating crewmates, an impostor flying through space, and dynamic star effects.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add amongusThis will add the AmongUs component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import AmongUs from "@/components/404/AmongUs"
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
Animated Impostor
Flies across the screen with smooth CSS animations
Floating Crewmate
Idle bobbing animation for that space feel
Dynamic Stars
Generated stars with randomized twinkle effects
Space Background
Beautiful gradient that sets the mood
Lightweight
Pure CSS animations, no heavy libraries needed