100% Free We Don't Store Keys

Add AI chat to
any website.

A free client-side snippet generator for the Zephyr widget. Paste your API key, copy the HTML, done. There is no database. Your key never touches our servers.

Generate my snippet Paste your key in the browser. Copy the HTML.

See the chat bubble in the bottom-right corner? That's what you're getting. It's an AI assistant you can add to any website with one HTML tag.

No coding required to add the widget. If you do know web development, the underlying Zephyr Framework gives you 14 components: accordions, modals, tabs, and more, that the AI can read and control directly.

How it works

Open the generator

Click "Generate my snippet". No account, no email, no signup. The page runs entirely in your browser.

Pick provider, paste key

Anthropic, OpenAI, Groq, Together AI, or Mistral. Choose a model. Paste your API key. The snippet updates live as you type. Nothing is sent to our server.

Copy one tag

Click copy, paste it into any HTML page. The widget calls your LLM provider directly from the browser. Or use the Zephyr Framework boilerplate for a starter page.

The whole integration:

<script src="https://cdn.jsdelivr.net/npm/zephyr-framework@1/zephyr-framework.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/zephyr-framework@1/zephyr-agent-widget.min.js"></script>

<z-agent
  data-api-key="sk-ant-..."
  data-provider="anthropic"
  data-model="claude-haiku-4-5-20251001"
></z-agent>

Your key is in your HTML. Only use this on pages where you control who can view the source. For public production sites, host your own proxy with the key on the server. See zephyr-agent-demo for a one-click Deploy to Vercel template.

Built on Zephyr Framework

The <z-agent> widget ships with the open-source Zephyr Framework. 14 components designed for AI agents to control via natural language.

This site is just a static snippet generator on top of it.

View Framework Try the Demo

Common questions

Correct. The setup page is static HTML + JavaScript. When you type your key, the snippet updates entirely in your browser. There is no API call, no database, no server-side state. You can verify by opening DevTools, switching to the Network tab, and watching the snippet update without a single request firing.

Yes. Anyone who views the source of your site sees the key. This is fine for internal tools, prototypes, and pages behind auth. For a public production site, you'll want to run a proxy that holds the key server-side. Fork zephyr-agent-demo and deploy it to Vercel. One click.

Anthropic (Claude), OpenAI (GPT), Groq, Together AI, and Mistral. The widget calls the provider's API directly from the browser. Your key, your costs.

Yes. There's no payment, no subscription, no account. The site is a static page that builds the snippet for you. You only pay your LLM provider for the requests your widget actually makes.

Zephyr Framework is the open-source library that ships <z-agent> and 13 other components built for AI agents to control. It's free and lives at github.com/daltlc/zephyr-framework. The snippet generator here is optional sugar.