404 Error Page

Component 90

About

A visually engaging, retro-style television graphic to display error messages like "404 Not Found". The component is customizable, allowing you to change the error code and message via props

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 404 Error Page to your project and fits it to your theme.

Code

How 404 Error Page is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { RetroTvError } from '@/components/ui/404-error-page'; // Adjust the import path as needed

export default function RetroTvErrorDemo() {
  return (
    <div className="flex flex-col items-center justify-center gap-8 p-4">
      {/* Example 1: Default 404 Error */}
      <div style={{ transform: 'scale(0.8)' }}>
        <RetroTvError />
      </div>
    </div>
  );
}