Muhammad Kumail Ali

connection lost 404

Component

About

This 404 error page features a sleek, dark constellation-themed design to inform visitors that a page is missing. It includes clear navigation buttons for users to easily head back to the homepage or reach out for support.

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

Code

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

Usage.tsx

// This is a file with a demo for your component
// That's what users will see in the preview
// Create new files in this directory to add more demos

import { NotFound } from "@/components/ui/connection-lost-404";

// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne() {
  return <NotFound />;
}

Dependencies

More by Muhammad Kumail Ali

View all
  • CoreSpin Loader

    CoreSpin Loader

    402
  • HoloCube Loader

    HoloCube Loader

    238
  • Circle unique load

    Circle unique load

    159
  • Text Reveal Animation

    Text Reveal Animation

    127
  • Secure Message Gateway

    Secure Message Gateway

    125
  • HoloPulse Loader

    HoloPulse Loader

    113
  • Neon Matrix Loader

    Neon Matrix Loader

    77
  • Core Header Navbar

    Core Header Navbar

    65