botui

A JS library to build the UI for your bot

Usage no npm install needed!

<script type="module">
  import botui from 'https://cdn.skypack.dev/botui';
</script>

README

logo

Join the community on Spectrum npm npm newsletter

A JavaScript framework to create conversational UIs.

Main Site - Read Docs - Examples

Showcase 🎇✨

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

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 user do something
    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}!`
  })
})

Contributors

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

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

License

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