Message Thread

Message list that follows streaming output, with tool calls, reasoning, sources, hover actions, typing dots, and a streaming cursor. Ships composable parts.

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

import MessageThreadBlock from "@/components/ui/message-thread";

export default function MessageThreadDemo() {
  return <MessageThreadBlock />;
}