404 pageModernClean
A clean, Vercel-inspired 404 page with a sleek design, gradient typography, and smooth animations.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add vercelThis will add the Vercel component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import Vercel from "@/components/404/Vercel"
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
Vercel Aesthetic
Minimalist and professional design inspired by modern developer platforms.
Gradient Typography
Smooth gradient text effects that provide a premium and dynamic feel.
Clean Typography
Optimized font weights and spacing for maximum readability and style.
Responsive Layout
Seamlessly adapts to mobile and desktop views with pixel-perfect precision.
Modern Utility
A contemporary choice for startups and tech-focused personal portfolios.