docluv / botui

πŸ€– A JavaScript framework to create conversational UIs

Home Page:https://botui.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

πŸ€– A JavaScript framework to create conversational UIs

https://botui.org

License:MIT License


Languages

Language:JavaScript 71.2%Language:HTML 17.6%Language:CSS 11.2%