ChatUI Widget

Professional chat interface that's lightweight, framework-free, and ready to deploy

~12KB Ultra Lightweight
0 Dependencies
15+ Interactive Widgets

Ultra-Lightweight

Only ~12KB core footprint with minimal impact on host performance. Load instantly and run smoothly on any device.

🔧

Zero Dependencies

Pure vanilla JavaScript means no framework lock-in. Works with any tech stack and no external dependencies to manage.

🌐

Cross-Domain Ready

Native JSONP support bypasses CORS headaches. Deploy anywhere and connect to any backend seamlessly.

🔄

Real-Time Support

WebSocket support for live typing indicators, read receipts, and streaming responses for engaging user experiences.

🎨

Interactive Widgets

15+ specialized UI components including rating systems, file uploads, date pickers, and more for rich interactions.

🛡️

Secure & Accessible

ARIA-compliant focus management, robust XSS prevention, and scoped CSS that won't break your site's styles.

Live Demos

Experience ChatUI Widget in action with our interactive demos powered by Netlify Functions

Popup Chat

Classic chat widget that appears as a floating button in the corner of your website.

Try Demo

Full Page Chat

Dedicated chat interface that takes up the full page for immersive conversations.

Try Demo

Widget Showcase

Explore all 15+ interactive widgets including forms, ratings, file uploads, and more.

Try Demo

Theme System

See the theming capabilities with light/dark modes and custom color schemes.

Try Demo

Quick Start

Get ChatUI Widget running on your site in under 30 seconds

<script id="chat-widget" src="/dist/chat-widget.js" data-server-url="/.netlify/functions/chat-api" data-position="bottom-right" data-color="#667eea" data-title="Chat with us"> </script>

That's it! The widget automatically initializes and connects to our Netlify Functions backend for demo purposes.