Activity Feed

Avatar-led event feed with a connecting rail, actor and action lines, timestamps, quoted bodies and date dividers. Ships composable parts.

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

import ActivityFeedBlock from "@/components/ui/activity-feed";

export default function ActivityFeedDemo() {
  return <ActivityFeedBlock />;
}