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

<div class="botui-app-container" id="botui-app">
  <bot-ui></bot-ui>
</div>

var botui = new BotUI('botui-app') // id of container

botui.message.bot({ // show first message
  delay: 200,
  content: 'hello'
}).then(() => {
  return botui.message.bot({ // second one
    delay: 1000, // wait 1 sec.
    content: 'how are you?'
  })
}).then(() => {
  return botui.action.button({ // let the user perform an action
    delay: 1000,
    action: [
      {
        text: 'Good',
        value: 'good'
      },
      {
        text: 'Really Good',
        value: 'really_good'
      }
    ]
  })
}).then(res => {
  return botui.message.bot({
    delay: 1000,
    content: `You are feeling ${res.text}!`
  })
})

📦 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