Notification Stack

A stacked, swipeable notification list that peeks a few cards behind the front one and fans out on hover or tap, letting users dismiss each notification by swipe, click, or keyboard.

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

import NotificationStack from "@/components/ui/notification-stack";

export default function NotificationStackDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
      <NotificationStack />
    </div>
  );
}