BotUI

A JavaScript framework for building conversational UIs

Bot
botui/botuibotui.orgbotui

README

logo
Join the community on Spectrum npm npm Twitter Follow

A JavaScript framework to create conversational UIs.



Main Site - Read Docs - Examples

🎥 Video intro & hello world


Showcase 🎇✨


We are listing all the cool projects that people are building with BotUI, here. See others' and add yours!

Heads Up! The upcoming version will have some major breaking changes. I suggest you use a specific version instead of using the latest tag.

Quick look


preview

  1. ``` html
  2. <div class="botui-app-container" id="botui-app">
  3.   <bot-ui></bot-ui>
  4. </div>
  5. ```

  1. ``` js
  2. var botui = new BotUI('botui-app') // id of container

  4. botui.message.bot({ // show first message
  5.   delay: 200,
  6.   content: 'hello'
  7. }).then(() => {
  8.   return botui.message.bot({ // second one
  9.     delay: 1000, // wait 1 sec.
  10.     content: 'how are you?'
  11.   })
  12. }).then(() => {
  13.   return botui.action.button({ // let the user perform an action
  14.     delay: 1000,
  15.     action: [
  16.       {
  17.         text: 'Good',
  18.         value: 'good'
  19.       },
  20.       {
  21.         text: 'Really Good',
  22.         value: 'really_good'
  23.       }
  24.     ]
  25.   })
  26. }).then(res => {
  27.   return botui.message.bot({
  28.     delay: 1000,
  29.     content: `You are feeling ${res.text}!`
  30.   })
  31. })
  32. ```

📦 Parcel users: Take a look at this

Contributors


This project exists thanks to all the people who contribute. [Contribute].


License


MIT License - Copyrights (c) 2017-20 - Moin Uddin