Retro CRT 404 Page

Retro CRT 404 page drawn as a pink-phosphor tube: a chunky extruded error code ringed by bobbing music notes, a message between beating hearts and a pyramid between palm trees, lit as round phosphor dots with a soft bloom. Click the screen to change the channel and the message, a pointer trail, a power switch, and a Take me home link. Any colour, sizes itself to the screen, honours reduced motion.

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

"use client"

import PhosphorCrt404 from "@/components/ui/phosphor-crt-404"

// Hover the pyramid to light the way home. Click the screen to change
// the channel, and try the power button on the set.
export default function Demo() {
  return (
    // w-full: 21st centres demos in a flex wrapper that would shrink this to 0px.
    <div className="w-full">
      <PhosphorCrt404 />
    </div>
  )
}