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
  • Icon Accordion

    Icon Accordion

    7
  • Wave Slider

    Wave Slider

    6
  • Preview Rail

    Preview Rail

    5
  • Expandable Tabs

    Expandable Tabs

    3
  • Swipeable List

    Swipeable List

    3
  • Color List

    Color List

    3
  • Motion Breadcrumb

    Motion Breadcrumb

    2
  • Wallet Card

    Wallet Card

    2

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    223
  • Stats cards with links

    Stats cards with links

    84
  • Statistics Card 7

    Statistics Card 7

    301
  • Card Studio

    Card Studio

    10
  • Statistics Card 2

    Statistics Card 2

    276
  • Weather Card

    Weather Card

    59
  • Card

    Card

    56