Build a chat app with Weavy Chat API and KendoReact


Weavy provides an API & SDK with a robust back-end for real-time chat applications, which you can combine with any front-end UI.

KendoReact is a professional UI kit on a mission to help you design & build business apps with React much faster.

By combining the two you can build a fully functioning in-app chat or stand-alone messenger lightning fast. 

What are we building?

We're building a stand-alone messenger using KendoReact UI components; primarily Conversational UI - together with the Weavy Chat API.

The end result is a fully functional KendoReact Messenger App including;

  • User presence
  • Typing indicators
  • Read receipts
  • Real-time events
  • File attachments
  • One-to-one chats
  • Rooms/Channels with multiple users
  • Add/Remove members to a room/channel
  • Star and Pin conversations

You can see and try the end result here; KendoReact chat with Weavy Chat API.

What can you do with it?

As is, you can create a fully functional messenger app built with KendoReact. All you have to do is to add authentication, and you're literally done. Of course, on top of that, you can add your unique features.

You can also take the pieces in the repo and repurpose it so it works within your app - so you can offer in-app contextual chat features for your users - which is great to increase your app stickiness.

Can I use it in production?

Yes. The Weavy Chat API is totally free for you to use, and the repo we've built is published under an MIT license.

So if you decide to use it in your app in a real setting, there are no limitations to what you can do.

1-2-3 - Let's get started

We've prepared and documented everything in our GitHub repo, so all you have to do is head over there - clone, build, and start playing around with the Weavy Chat API!

1. Clone the repo

Start with cloning our repo on GitHub;

git clone

2. Install

In the project directory run yarn to install the packages.

3. Start the app

Run yarn start in the project directory, to start the app in development mode. Open http://localhost:3000 to view it in the browser.

Up and running

Now you have the project up and running and you can start playing around, check out the README in the repo for more instructions.