Widget Builder
🔔
🌙
AH

Widget Builder

Embed a 3D VRM avatar on any website
Avatar
Appearance
API Key
your-api-key-here
Preview
Embed Code
<div id="maskki-avatar"></div>
<script src="https://api.maskki.com/widget/maskki-widget.umd.js"></script>
<script>
  Maskki.init({
    container: '#maskki-avatar',
    vrmUrl: 'https://api.maskki.com/files/vrm/sarah/model.vrm',
    wsUrl: 'wss://ws.maskki.com/session',
    avatarId: 'sarah',
    apiKey: 'your-api-key-here',
    theme: 'dark',
    width: 400,
    height: 500,
    showChat: true,
    // Handle tool confirmation requests
    onActionRequired: function(action) {
      // action = { tool_id, tool_name, description, parameters }
      // Return a Promise<boolean> — true to approve, false to deny
      return confirm('Allow: ' + action.tool_name + '?');
    },
  });
</script>