https://github.com/reaviz/reachat

💬 UI Building Blocks for LLM/Chat UIs. Maintained by @goodcodeus.
https://github.com/reaviz/reachat

ai chat chatbot copilot llm reactjs tailwind ui-components

Last synced: 18 days ago
JSON representation

💬 UI Building Blocks for LLM/Chat UIs. Maintained by @goodcodeus.

• Host: GitHub
• URL: https://github.com/reaviz/reachat
• Owner: reaviz
• License: apache-2.0
• Created: 2024-07-18T12:04:17.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2024-08-28T16:30:28.000Z (24 days ago)
• Last Synced: 2024-08-28T18:14:36.590Z (24 days ago)
• Topics: ai, chat, chatbot, copilot, llm, reactjs, tailwind, ui-components
• Language: TypeScript
• Homepage: https://reachat.dev
• Size: 694 KB
• Stars: 68
• Watchers: 3
• Forks: 4
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

  


  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](https://reachat.dev)

- Checkout the [storybook demos](https://storybook.reachat.dev)

- Learn about updates from the [changelog](CHANGELOG.md)

- Download [Figma template](https://www.figma.com/community/file/1401162540082414292/reachat-landing-page-public)

- Try the [sample repo](https://github.com/reaviz/reachat-example)

## 💎 Other Projects

- [Reaflow](https://reaflow.dev?utm=reagraph) - Open-source library for workflow and diagram graphs.

- [Reablocks](https://reablocks.dev?utm=reagraph) - Open-source component library for React based on Tailwind.

- [Reaviz](https://reaviz.dev?utm=reagraph) - Open-source library for data visualizations for React. 

- [Reagraph](https://reagraph.dev?utm=reaviz) - 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 Framer Motion

- Responsive

- Tailwind for Themeing

- Customizable via Slots

## 📦 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!