AI Composer

A white pill to talk to an assistant. Hover and it opens into a rectangle with a model picker, Search and Research toggles, and an attach button. The placeholder cycles through example asks, the mic dictates a demo message, and it turns into a send arrow once there's text. Soft drifting pink and blue brush strokes behind.

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/ai-composer";

export default function AIComposerDemo() {
  return <AIComposer />;
}