Skip to content
master
Switch branches/tags
Code

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

<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