Reachat

Building Blocks for LLM UI

         

reachat is a UI library for building chat experiences. No more manually coding all the components required to build LLM uis manually. Customize each component and theme via Tailwind.

🚀 Quick Links

• Checkout the docs and demos
• Checkout the storybook demos
• Learn about updates from the changelog
• Download Figma template
• Try the sample repo

💎 Other Projects

• Reaflow - Open-source library for workflow and diagram graphs.
• Reablocks - Open-source component library for React based on Tailwind.
• Reaviz - Open-source library for data visualizations for React.
• Reagraph - Open-source library for large webgl based network graphs.

🪄 Features

• Console and Companion Modes
• Markdown Rendering
  • GFM Styling
  • Code Highlighting
  • Tables
  • JSON
  • Lists
  • Math
  • Embeds ( Youtube )
  • remark/rhype plugin support
• File Uploads
• Image Preview
• Message Sources
• Animations
• Conversation Pagination
• Smart/Dynamic Grouping of Sessions
• Keyboard shortcuts
• Animations via Motion.dev
• Responsive
• Tailwind for Themeing
• Customizable via Slots
• Conversation Charting via Reaviz.dev
• Mentions and Commands via Tiptap

📦 Install

To use reachat in your project, install it via npm/yarn:

npm i reachat --save

🔭 Development

If you want to run reachat locally, its super easy!

• Clone the repository
• npm i
• npm start
• Browser opens to Storybook page

❤️ Contributors & Credits

Thanks to all our contributors!