Stacked Activity Cards

An animated UI component showing stacked activity cards that expand and collapse with a smooth animation. Features elegant scaling and positioning transitions when toggled, with each card displaying an activity, location, and date.

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

import { Component } from "@/components/ui/stacked-activity-cards";

const DemoOne = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <Component />
    </div>
  );
};

export { DemoOne };