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

    3
  • Expandable Tabs

    Expandable Tabs

    2
  • Swap

    Swap

    1
  • Morphing Modal

    Morphing Modal

    1
  • Wave Slider

    Wave Slider

    1
  • Text Cascade

    Text Cascade

  • Smooth Scroll

    Smooth Scroll

  • Motion Breadcrumb

    Motion Breadcrumb

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 2

    Statistics Card 2

    269
  • Statistics Card 7

    Statistics Card 7

    295
  • Card

    Card

    56
  • Stats cards with links

    Stats cards with links

    86
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    99
  • The Item one

    The Item one

    3
  • Card Studio

    Card Studio

    36