AI Composer

A chat thread block with a growing composer, file attachments, and a model picker whose assistant replies stream in word by word with stop, copy and retry controls.

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

import AiComposer from "@/components/ui/block-ai-composer";

export default function AiComposerDemo() {
  return (
    <div className="w-full max-w-2xl mx-auto">
      <AiComposer />
    </div>
  );
}