sidiora-labs

Not Found

Cards

About

A set of five animated 404 "page not found" treatments (glitch, magnetic, spotlight, stacked cards, terminal) for routing fallbacks and error pages.

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

Code

How Not Found is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import NotFound from "@/components/ui/not-found";

export default function NotFoundStackedDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background text-foreground">
      <NotFound variant="stacked" />
    </div>
  );
}

More by sidiora-labs

View all
  • Preview Rail

    Preview Rail

    5
  • Wave Slider

    Wave Slider

    5
  • Icon Accordion

    Icon Accordion

    3
  • Motion Breadcrumb

    Motion Breadcrumb

    2
  • Expandable Tabs

    Expandable Tabs

    2
  • Morph Confirm

    Morph Confirm

    2
  • Swap

    Swap

    1
  • Wallet Card

    Wallet Card

    1

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 7

    Statistics Card 7

    301
  • Statistics Card 2

    Statistics Card 2

    272
  • Stats cards with links

    Stats cards with links

    82
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    183
  • Card Studio

    Card Studio

    35
  • Card

    Card

    70
  • Card

    Card

    18