Today, we are excited to announce Reachat, a set of UI building blocks for creating LLM/chat UIs in React. This library is designed to make it as easy as including a React chat component and connecting a data source to get started. While our goal was to ensure ease of use, we did not want to compromise on customization. Therefore, we made it easy to swap out components and provide styling via Tailwind for ultimate control.
At Good Code, we help enterprises, particularly cybersecurity product companies, design and build cutting-edge user experiences. After building four chat experiences in various ways, it became clear that while these chat experiences seem easy to build, the devil is in the details. We set out to create something we could share with our customers and the community that packaged all those little details but still allowed for tweaking and styling to the radical designs we deliver.
Reachat is a UI library for React that handles the interaction and rendering for complex responses typically sent by chatbots. It does not have any opinions about your backend technology or LLM stack, though we provide some examples of how to leverage it on various platforms.
Out of the box, Reachat supports the following features:
Head over to reachat.dev to learn more!
Good Code is a consulting company specializing in design and UI engineering for enterprise products, particularly in cybersecurity. We turn ideas into memorable companies. Learn more at GoodCode.us. If you like open-source (who doesn’t?), check out our collection of open-source libraries at GitHub.com/reaviz.