404 pageMinimal UINo props
A clean and minimalist 404 page inspired by Google's iconic design philosophy. Elegant simplicity with maximum usability.
Preview
Installation
1Run the following command in your terminal:
npm terminal
npx 404lab@latest add googleThis will add the Google component to your project automatically.
Usage
Import and render the component in your not-found.tsx file:
not-found.tsx
import Google from "@/components/404/Google"
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
Iconic Design
Inspired by the clean, recognizable Google error page layout.
Minimalist UI
Maximum clarity with minimum distractions.
Fast Performance
Lightweight implementation for near-instant load times.
Responsive Layout
Looks great on mobile, tablet, and desktop screens.
Aesthetic Simplicity
Focuses on essential information with elegant spacing and typography.