⚡ Zero Dependencies • 🎨 Beautiful UI • 🧠 Smart Responses • 🔌 LLM-Ready
JavaScript Chatbot Web App is a complete, ready-to-use chatbot interface built with vanilla JavaScript — no React, no Vue, no frameworks. Just clean, modern ES2023 code that runs directly in the browser.
It ships with a built-in rule-based response engine for immediate use, but it's designed to plug into any LLM API (OpenAI, Anthropic, Ollama, etc.) in just a few lines of code.
💡 Perfect for: Portfolio projects, learning how chat UIs work, embedding a lightweight assistant on a website, or prototyping an LLM frontend.
| 💬 Chat UI | 🧠 Response Engine | 🔌 LLM-Ready |
|---|---|---|
| Clean bubbles, typing indicator & timestamps |
Rule-based bot out of the box |
Swap in OpenAI, Claude or Ollama in minutes |
| 🎨 Themeable | 💾 Local History | 📱 Responsive |
|---|---|---|
| CSS variables for colors, fonts & radius |
Persists chats vialocalStorage |
Works on mobile, tablet & desktop |
| 💎 Advantage | 📝 Description |
|---|---|
| ⚡ Zero Dependencies | No npm install, no build step — just open index.html and it works |
| 🎨 Modern UI | Beautiful, smooth animations and a clean design that feels native |
| 🧠 Dual-Mode Engine | Use the built-in rule bot, or connect to any LLM via a single config flag |
| 📦 Tiny Footprint | Under 15kb total — faster than any chat widget on the market |
| 💾 Full History | Chats are saved locally so users never lose a conversation |
| 🎯 Beginner-Friendly | Extremely readable code — ideal for learning and forking |
╔══════════════════════════════════════════════════╗
║ 💬 JavaScript Chatbot v2.7.0 ║
╠══════════════════════════════════════════════════╣
║ ║
║ 🤖 Hi there! How can I help you today? ║
║ 10:24 AM ✓ ║
║ ║
║ 👤 Tell me a fun fact about JavaScript ║
║ 10:25 AM ║
║ ║
║ 🤖 JavaScript was created in just 10 days! ║
║ Brendan Eich built it in May 1995 — and ║
║ it became the language of the web. 🚀 ║
║ 10:25 AM ✓ ║
║ ║
║ ┌────────────────────────────────────────────┐ ║
║ │ Type a message... [→] │ ║
║ └────────────────────────────────────────────┘ ║
╚══════════════════════════════════════════════════╝
💬 javascript-chatbot-web-app/
├── 🎯 src/
│ ├── chat/ # Chat UI & rendering
│ │ ├── chat.js
│ │ └── messages.js
│ ├── engine/ # Response engine
│ │ ├── rule-bot.js
│ │ └── llm-adapter.js
│ ├── storage/ # localStorage history
│ └── theme/ # CSS variable theming
├── 🎨 styles/
│ └── main.css
├── 🌐 index.html
├── 🧪 tests/ # Vitest unit tests
└── 📖 docs/ # Usage & LLM setup guide
Want to add a feature? Found a bug? Share your chatbot fork!
Distributed under the MIT License. See LICENSE for details.