A resizable, draggable, and customizable chatbot interface web component, supporting real-time streaming responses and framework-agnostic integration.
Recording.2025-04-08.095424.mp4
- 💬 Chat Bubbles with speaker indication
↔️ Resizable & Draggable container- 🚀 Real-time Streaming responses
- 🎨 Theme Customization (light/dark)
- ♿ Accessibility compliant (ARIA roles, keyboard nav)
- 📱 Responsive Design for all screen sizes
- ⚙️ Configurable appearance and behavior
- 📦 Framework Agnostic (Works with React, Vue, Angular, etc.)
npm install native-web-chatbot-ui
# or
yarn add native-web-chatbot-ui<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ChatBot Demo</title>
<style>
body {
min-height: 100vh;
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>ChatBot UI Component Demo</h1>
<script src="../dist/main.js"></script>
<script src="./demo.js"></script>
</body>
</html>