Notification Stack

A stacked notification feed that shows up to three messages at once, queues the rest, and lets each be dismissed individually — ported to React from SL UI Library's HTML/CSS/JS "stack feedback" component by SLtowl.

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 MatteStackFeedback from "@/components/ui/matte-stack-feedback";

export default function MatteStackFeedbackDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-[#efefef] p-7">
      <div className="w-full max-w-[320px]">
        <MatteStackFeedback />
      </div>
    </div>
  );
}