Get started with botui CDN

MIT licensed

BotUI is a library for building conversational interfaces, allowing developers to create custom bots with natural language processing and user interaction features.

Tags:
  • bot
  • chat
  • conversational
  • interface
  • js
  • ui

Stable version

Copied!

How to start using botui CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with botui CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/botui.min.css">
  <script src="https://cdn.cdnhub.io/botui/1.1.3/botui.min.js"></script>
</head>
<body>
  <button id="openBot">Open Bot</button>
  <div id="botContainer" style="display:none;">
    <botui-bot id="myBot">
      <botui-header title="BotUI Example" close-button></botui-header>
      <botui-body>
        <p>Welcome to BotUI!</p>
      </botui-body>
    </botui-bot>
  </div>

  <script>
    const openBot = document.getElementById('openBot');
    const botContainer = document.getElementById('botContainer');

    openBot.addEventListener('click', () => {
      botContainer.style.display = 'block';
      BotUI.init(document.getElementById('myBot'));
    });
  </script>
</body>
</html>

All versions