Message Input block

A messaging input block with emoji, GIF and attachment support.

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

import MessageInput from "@/components/ui/message-input-block";

export default function DemoOne() {
  return <div className="max-w-md w-full"><MessageInput/></div>;
}