Star on GitHub
Coming Soon

Open Source AI UI Kit for 100x Faster AI Design and Development.

Robin UI simplifies the creation of AI-powered chat applications with intuitive, customizable components designed to supercharge your design and development workflow.

Robin UI

Your personal assistant for all your needs.

import {
  RobinChatContainer,
  RobinChatHeader,
  RobinChatTitle,
  RobinChatContent,
  RobinChatMessage,
  RobinChatMessageContent,
  RobinChatMessageText,
  RobinInput,
} from '@/components/ui/robin-chat';

export default function AIChat() {
  return (
    <RobinChatContainer>
      <RobinChatHeader>
        <RobinChatTitle>New Chat</RobinChatTitle>
      </RobinChatHeader>
      <RobinChatContent>
        <RobinChatMessage role="assistant">
          <RobinChatMessageContent>
            <RobinChatMessageText>Hello, how are you?</RobinChatMessageText>
          </RobinChatMessageContent>
        </RobinChatMessage>
        <RobinChatMessage role="user">
          <RobinChatMessageContent>
            <RobinChatMessageText>I'm good, thank you!</RobinChatMessageText>
          </RobinChatMessageContent>
        </RobinChatMessage>
      </RobinChatContent>
      <RobinInput placeholder="What's on your mind?">
        <AttachButton />
        <SendButton />
      </RobinInput>
    </RobinChatContainer>
  );
}