Chat Bubble Thread

A two-sided chat message layout that groups consecutive muted bubbles from one sender with an avatar and shows a right-aligned reply with a read timestamp.

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

import BubbleDemo from "@/components/ui/bubble6";

export default function Demo() {
  return <BubbleDemo />;
}