SWIFTY AI WEBCHAT AGENT

Add AI chat to any
website in minutes

Swifty AI's embeddable webchat agent connects to Claude, OpenAI, or your own API. One script tag — and your site has a smart assistant.

⚡

Multi-Provider

Works with Anthropic Claude, OpenAI GPT, or any custom endpoint

🎨

Fully Themeable

Match your brand with custom colors, titles, and system prompts

🔒

Isolated & Safe

Shadow DOM encapsulation — zero CSS conflicts with your site

Try it live

Configure below, then chat with the widget in the corner.

Your API key stays in your browser — nothing is stored or sent anywhere except directly to the AI provider.

Provider

API Key

Model (optional — leave blank for default)

System Prompt

Embed via Script Tag

<!-- Add before </body> -->
<script src="webchat-agent.umd.js"></script>
<webchat-agent
  provider="anthropic"
  api-key="YOUR_API_KEY"
  system-prompt="You are a helpful assistant."
  title="Swifty AI"
  subtitle="Ask me anything"
></webchat-agent>

Embed via npm

npm install @swifty-ai/webchat-agent

import '@swifty-ai/webchat-agent';

const chat = document.querySelector('webchat-agent');
chat.configure({
  provider: 'anthropic',
  apiKey: 'sk-ant-...',
  systemPrompt: 'You are a support agent.',
});