Sees the page
Reads the DOM, forms and whatever the visitor is looking at. No custom integrations.
Proactive, with tact
Spots hesitation, drop-offs and errors and offers help at the right moment, within limits you set.
Open source · MIT · v0.1
The next generation of chatbots starts with a face.
Get your ot: an agent with its own face, personality and voice. Put it on your website, let it live on your desktop as a pet, or send it to a video call.
Integrates with
apuchat
apumail- Claude
- OpenAI
- ElevenLabs
- Grok
- Fish Audio
- MCP
On your website
It sees the page, talks and acts.
One HTML tag. It fills forms, navigates and calls your team when a person is needed.
LLaura joined the conversation
Product
Not a chat. Someone who helps.
Everything a good assistant needs, in a Web Component you can install in minutes.
Acts, not just answers
A virtual cursor navigates, clicks, fills in and highlights. Sensitive actions ask for confirmation.
Voice and lip-sync
Uses the browser’s voice or your own apuchat, ElevenLabs, Grok or Fish Audio account. We host no audio: it integrates. The mouth follows the voice.
A face that is your brand
Editable 2D character or realistic 3D avatar, designed in minutes.
Hands off to your team
Integrates with your apuchat and apumail accounts and hands over the full context. Nobody repeats themselves.
Your server, your keys
Self-hosted Node proxy: keys never reach the browser. MIT, no lock-in.
Speaks your visitor’s language
Spanish, English and Portuguese built in. Replies in the language people write in.
How it works
From zero to agent in an afternoon.
- 1
Install
One script tag or npm. Start the proxy with your Claude or OpenAI key.
- 2
Configure
Name, face, voice, tone and limits from the backoffice, no code.
- 3
Ship
Your agent greets, guides and solves. You see what people ask.
Developers
Built for people who code.
Web standards, JSON Schema and zero magic. If you can write a form, you can give it tools.
- Standard Web Component: any framework, or none
- Custom actions with JSON Schema and confirmation
- Forms as tools with data-ots-tool
- Your site’s authenticated MCP, with the user’s JWT
- Events for your analytics
<!-- 1 · the agent, with your backoffice settings -->
<script src="https://your-site.com/api/agent/embed.js" defer></script>
<!-- 2 · an existing form becomes a tool -->
<form data-ots-tool="book_demo"
data-ots-description="Book a demo"
data-ots-confirm="Book for {email}?">
<input name="email" type="email" required>
</form>import { init } from '7ots';
const agent = init({ endpoint: '/api/agent', locale: 'es' });
agent.registerAction({
name: 'add_to_cart',
description: 'Adds a product to the cart',
parameters: { type: 'object', properties: { sku: { type: 'string' } } },
confirm: ({ sku }) => `Add ${sku}?`,
handler: ({ sku }, ctx) => ctx.auth.fetch('/api/cart', { method: 'POST', body: sku }),
});
agent.on('action:end', ({ name }) => analytics.track(name));# self-hosted proxy: your keys stay here
npm i 7ots
LLM_PROVIDER=anthropic ANTHROPIC_API_KEY=… npx 7ots-server
# → http://localhost:8787/backoffice/ configure everything
# → /api/agent/embed.js paste it into your siteIdentity
Your website, with someone home.
Design your agent as a character: shape, eyes, mouth, accessories, colors and finish. Try it right here.
Why 7ots
What a typical chatbot doesn’t do.
| 7ots | Typical SaaS chatbot | |
|---|---|---|
| Open source (MIT) | Yes | No |
| On your own server | Yes | No |
| Acts on the page | Yes | Sometimes |
| Its own face and voice | Yes | Sometimes |
| Pick your AI model | Yes | No |
| Per-seat pricing | Free | Usual |
FAQ
Frequently asked questions
How much does it cost?
Nothing: 7ots is MIT. You only pay the AI provider you choose, or nothing with a local OpenAI-compatible model.
Where do my keys live?
In your proxy. The browser talks to your server, and your server to the model. Keys are never sent to visitors.
Which models can I use?
Claude and OpenAI out of the box, plus any OpenAI-compatible API (Groq, Ollama…) by changing the base URL.
Can it do things I don’t want?
It only uses the actions you enable. Sensitive ones show a confirmation dialog, and everything it does is visible through the virtual cursor.
What about privacy?
It never sends passwords, card data or anything marked data-ots-private. You control the server and the logs.
Do I need 3D?
No. The 2D character is a lightweight SVG. The 3D avatar is optional and falls back to 2D.
Does 7ots host the chat, email or voice?
No. 7ots only integrates: it reaches your team through your apuchat and apumail accounts, and voice comes from the browser or your apuchat, ElevenLabs, Grok or Fish Audio account. We host no messages or audio.
Put someone on your website today.
Install it in minutes. Yours forever.
$ npm i 7ots