A simple chatbot component to create conversation chats

by React

React Simple Chatbot

Easy way to create conversation chats.

View demo Download Source

Getting Start

npm install react-simple-chatbot --save

Usage

There are several examples on the website. Here is the first one to get you started:

import ChatBot from 'react-simple-chatbot';

const steps = [
  {
    id: '0',
    message: 'Welcome to react chatbot!',
    trigger: '1',
  },
  {
    id: '1',
    message: 'Bye!',
    end: true,
  },
];

ReactDOM.render(
  <div>
    <ChatBot steps={steps} />
  </div>,
  document.getElementById('root')
);

React Simple Chatbot on media

  1. webdesignerdepot
  2. blogduwebdesign
  3. codrops

Build with react-simple-chatbot

  1. Seth Loh Website - Personal website of Seth Loh (demo)
  2. Paul's Website - Personal website of Paul Jiang (demo)
  3. Cisco Partner Support API Chatbot - Code with screenshots to have your own Cisco Serial lookup chatbot.

Built something with react-simple-chatbot? Submit a PR and add it to this list!

GitHub