BridleEmbed AI chat in any site.

One script tag connects your visitors to a streaming AI agent through a stateless WebSocket relay.

Quick Start

View on GitHub

🪄

Drop-in script

One <script> tag mounts a floating chat bubble. No build step, no framework, no styles to wire up.

⚡

Streaming-first

Messages stream token-by-token over WebSocket. Typing indicators, partial updates, and final commits — all built in.

🧩

Three integration paths

Script tag for any HTML page, NPM for Vite/Next/Webpack, and a headless client when you want to bring your own UI.

🎨

Themable, isolated

Shadow DOM keeps your styles in and the host site’s styles out. Override CSS variables to match your brand.

🔐

JWT browser auth

Browsers authenticate with a short-lived JWT you mint server-side. Per-bot isolation enforced on the hub.

🪶

Stateless hub

The hub holds no message history. Horizontal scaling is just spinning up more pods.

At a glance

html

<script
  src="https://bridle.cleanslice.org/sdk/latest.js"
  data-api-url="https://your-hub.example.com"
  data-bot-id="bot-abc-123"
  data-token="<jwt>"
></script>

That's the whole integration. A floating bubble appears in the bottom-right corner. When the user opens it, the SDK connects to your hub over WebSocket and streams the agent's responses live.

For programmatic control, an NPM package, or a headless client, see the Quick Start.