reachat

Build Chat Experiences In Hours, Not WeeksOpen-source UI Building Blocks for LLM and ChatUIs for ReactJSGet StartedStorybook →Highly CustomizableTailor the chat interface to your needs with customizable components and theming options.Rich Media SupportSeamlessly integrate file uploads, embeds, and markdown formatting for enhanced communication.Easy to UseIntuitive but flexible API for building custom chat experiences.Multi-model SupportSeamlessly switch between different AI models or integrate multiple models within the same interface for versatile capabilities.Battle-TestedUsed in production across dozens of enterprise products.Open SourceFree to use, and available for both personal and commercial projects.Chat UIs without all the baggageChat UIs without all the baggageReachat is a powerful, flexible, and user-friendly AI chat interface library for ReactJS. It allows you to bring conversational AI capabilities to your applications without spending weeks building custom components. Its not coupled to any particular backend or LLM, so you can use it with any backend or LLM of your choice.Get started →Get StartedInstall and Start Building in 3 Steps1. npm i reachat2. Include reachat in your project3. Connect your backendLearn moreExplore the documentation to learn about the API. Dive into the Storybook demos to see the components in action. Join the community to get support and stay up to date on new releases. --- 👋 ⏐ Introduction🚀 ⏐ Getting StartedSetupGetting Started🪄 ⏐ ExamplesConsoleCompanionChatProvidersAG-UI ProtocolComponent CatalogChartsMentionsCommandsMessage StatusSuggestions🎨 ⏐ CustomizationFigmaThemeCustom ComponentsMarkdown Plugins🏗️ ⏐ APIModelsComponents📓 ⏐ ChangelogLight What is reachat? Reachat was born out of the recognition that building robust, feature-rich chat interfaces is more complex than it appears. Reachat handles the intricacies of message rendering, user interactions, and layout management, allowing developers to focus on their unique application logic. Despite its comprehensive feature set, reachat remains highly customizable, enabling you to tailor every aspect to your specific needs without sacrificing ease of use or performance. Why reachat? Highly Customizable: reachat is built on top of Tailwind CSS allowing you to customize every aspect of the chat UI to your specific needs. Rich Media Support: reachat supports markdown rendering, image and video embeds and custom remark plugins. Flexible and Extensible: reachat leverages slots to allow developers to swap out components without loosing all the magic of the library. Multi-Provider Support: reachat isn't coupled to any specific provider or data model. Its simply a set of building blocks that can be used to build chat UIs for any data source. Open Source: reablocks is open-source and free to use and we plan to keep it that way. You can use it in your personal or commercial projects. How do I get started? To get started with reachat, check out the Getting Started page. It will walk you through how to install reachat and get up and running.