Stack Ripple

Stacked notification cards that ripple open with spring animations to reveal messages, signups, and billing reminders.

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

import StackRipple from "@/components/ui/stack-ripple";

export default function Default() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-6">
      <StackRipple />
    </div>
  );
}