druid/ui

Druid/UI: Intercom-Inspired AI Chatbot for Shadcn/UI Applications

Druid/UI empowers developers to integrate sophisticated, Intercom-style AI chatbots into applications built with shadcn/ui. It offers a ready-to-use, interactive chat component that facilitates communication with AI models like Claude 3.5 Haiku or other automated systems. This tool simplifies adding a polished, customizable chat experience, enhancing user engagement and support capabilities within your project, with easy setup and configuration options provided for a smooth development workflow.

Features:

• Fixed Viewport Positioning: Option to fix the chatbot to the browser viewport.
• Controllable Open State: Programmatically set the initial open/closed state of the chat.
• Customizable Initial Message: Define the first message shown to the user in the chat.
• Customizable Header: Set the title, subtitle (description), and an icon for the chat header.
• Customizable Bot & Chat Icons: Specify icons (LucideIcon or image URL) for the bot avatar and the chat toggle button.
• Flexible Chat Button Placement: Position the fixed chat button in corners like 'bottom-right' or 'top-left'.
• Adjustable Chat Window Size: Configure the width and height of the chat interface.
• Mobile Fullscreen Mode: Option for the chat to occupy the full screen on mobile devices.
• Timestamp Visibility: Control whether timestamps are shown for each message.
• Bot Avatar in Messages: Option to display the bot's avatar next to its messages.
• Interface Animations: Enable or disable built-in animations for a smoother user experience.
• Custom CSS Overrides: Apply custom React.CSSProperties for fine-grained styling of the container.
• Selectable AI Model: Choose the AI model to power the chat (e.g., Claude 3.5 Haiku).
• Custom AI System Prompt: Provide a system prompt to guide the AI's personality and responses.
• Interaction Event Callbacks: Hooks for user message sending (onSendMessage), bot responses (onReceiveMessage), and chat open/close state changes (onOpenChange).

Summary:

Druid/UI is a component library for developers using shadcn/ui, offering an Intercom-inspired AI chatbot. It enables the quick addition of a customizable, interactive chat interface powered by configurable AI models. With features for styling, positioning, and behavior control, it aims to provide a seamless way to integrate AI-driven communication into modern web applications, enhancing user interaction and providing instant support through an elegant UI.