風

Open source · Free · One script tag

An AI companion
for any website.

Drop one line of HTML. An animated samurai appears, walking across your site. Click to chat with your AI assistant.

Get started GitHub →

samurai · 侍

Click the character on this page to chat →

01 — How it works

Three steps.
That is all.

一

Get a free API key

Visit console.groq.com and create a free account. Copy your API key. No credit card needed.

二

Paste one script tag

Add a single line of HTML before your closing body tag. Configure name, character, and personality through attributes.

三

Kaze appears

An animated character walks across your site. Visitors click to open a chat powered by the AI provider you chose.

02 — The embed code

One tag.
Infinite personality.

Configure everything through HTML attributes. No backend required. Your API key lives in the visitor's browser — never on a server. Works on any website: plain HTML, React, WordPress, Webflow, anything.

✓

Groq is free — Llama 3.3 70B at zero cost

✓

Also supports OpenAI, Anthropic, and Gemini

✓

Zero dependencies — pure vanilla JavaScript

✓

API key stored locally, never transmitted to us

HTML

<!-- paste before </body> -->
<script
  src="https://sudhamshkalakonda
    .github.io/kaze/agent.js"
  data-groq-key="your_key"
  data-name="Assistant"
  data-character="samurai"
  data-prompt="You are helpful."
></script>

03 — Features

Everything included.
Nothing bloated.

⚔️

3 Characters

Samurai, Fighter, Shinobi — each with walk, run, jump, attack, and hurt animations.

🤖

4 AI Providers

Groq, OpenAI, Anthropic, Gemini. Switch providers and models directly inside the chat.

⚡

Streaming

Text types out word by word in real time — feels alive, not like a loading spinner.

📱

Mobile ready

Auto-detects mobile screens and adapts character size and popup layout automatically.

🎚️

Size control

Drag a slider to set character size from 80px to 240px. Saved across sessions.

🔒

Privacy first

API key lives in localStorage. Never sent anywhere except your chosen AI provider.

💬

Markdown

Responses render bold, italic, lists, and code blocks cleanly inside the chat bubble.

🫧

Speech bubbles

The character shows random speech bubbles while walking. Visitors notice and click.

🪄

Zero dependencies

Pure vanilla JS. No React, no npm, no build step. One script tag and done.

04 — Characters

Choose your
warrior.

Samurai

侍

Classic warrior. Walks with purpose. Attacks with precision. The default choice.

Fighter

戦士

Street brawler energy. Fast attacks, bold moves. For sites with attitude.

Shinobi

忍び

Silent and swift. Moves like the wind itself. The stealth option.

An AI companionfor any website.

Three steps.That is all.