Powered by three.ws

One line of code.
Any site.

Drop 3D agents, chat widgets, walk companions, and live token data into any website — no backend, no framework, no friction.

Create an agent Read the docs →
Full demo
3D Avatar Simple

Avatar Viewer

A rotatable, animated 3D avatar — transparent background, OBS-ready, fully scriptable via JS. Works as a web component on any page.

html 
<!-- Load once -->
<script src="https://three.ws/embed.js" defer></script>

<!-- Drop anywhere in your HTML -->
<threews-avatar
  avatar-id="avatar_demo_disk_cz"
  hide-chrome
  pose="idle"
></threews-avatar>

<!-- Optional: JS control -->
<script>
  const el = document.querySelector('threews-avatar');
  await el.ready;
  el.play('wave');
</script>
Chat Agent Simple

Talking Chat Agent

A full chat interface with a live 3D character. Voice or text. The same tech behind PumpBot — drop it on any site in seconds.

html 
<!-- Paste this where you want the chat agent -->
<script
  src="https://three.ws/embed.js"
  data-widget="wdgt_demo_talking"
  data-type="talking-agent"
  defer
></script>

<!-- Replace wdgt_demo_talking with your widget ID -->
<!-- Get yours at three.ws/widgets -->
Walk Companion Simple

Walk Companion

A floating 3D character fixed to the corner of any site. It walks, gestures, and speaks — with one script tag. No backend needed.

html 
<!-- Floating corner avatar — one tag -->
<script
  src="https://three.ws/walk-embed-sdk.js"
  data-avatar="avatar_demo_disk_cz"
  data-position="bottom-right"
  data-env="studio"
  defer
></script>

<!-- Optional: JS control -->
<script>
  const a = ThreeWalkAvatar.embed('#avatar-iframe');
  a.on('ready', () => {
    a.gesture('wave');
    a.say('Welcome!');
  });
</script>
Page Narrator Simple

Page Narrator

A 3D agent that reads your page and guides visitors through your content — great for docs, landing pages, and blogs. Zero config.

html 
<!-- npm install @three-ws/page-agent -->

<!-- Option 1: CDN (no build step) -->
<script
  src="https://cdn.jsdelivr.net/npm/@three-ws/page-agent/dist/page-agent.global.js"
  data-page-agent
  data-avatar="nova"
  data-auto-narrate
  defer
></script>

<!-- Option 2: Web component -->
<page-agent
  avatar="sol"
  auto-narrate
></page-agent>

<!-- Option 3: persona preset — greeting, suggested prompts + tool
     allowlist resolved from one attribute (see page-agent-sdk README) -->
<page-agent
  avatar="vera"
  preset="support"
></page-agent>
Token Widget Moderate

Token Market Widget

Live price, chart, and market data with a 3D mascot that reacts to moves. Built for token communities and launchpad sites.

html 
<!-- Live pump.fun feed widget -->
<script
  src="https://three.ws/embed.js"
  data-widget="wdgt_demo_pumpfun"
  data-type="pumpfun-feed"
  data-width="420"
  data-height="600"
  defer
></script>

<!-- Custom widget at three.ws/widgets -->
See docs
MCP Server Advanced

MCP Integration

Let Claude, Cursor, or any MCP-compatible AI assistant control your 3D agents — render, speak, gesture, and emote from your AI tools.

json 
// claude_desktop_config.json
{
  "mcpServers": {
    "threews-avatar": {
      "command": "npx",
      "args": ["-y", "@three-ws/avatar-agent-mcp"],
      "env": {
        "THREEWS_API_KEY": "your-key-here"
      }
    }
  }
}

Built with three.ws

See what's already live

Builders are already using these integrations on real sites — from token chat bots to 3D docs guides.

PumpBot — token chat agent Docs guides — narrated walkthroughs Corner mascots — walk companions Agent profiles — avatar embeds
Start building Full API docs →