← lab

@three-ws/avatar/react

The React wrapper around the SDK. Imports Avatar, AgentAvatar, AvatarCreator, and useAvatar directly from /avatar-sdk/src/react.jsx. React is loaded from a CDN via an import map so this page works without a bundler step.

import { Avatar } from '@three-ws/avatar/react';

<Avatar src="/avatars/default.glb" alt="Default three.ws avatar" />

import { AgentAvatar } from '@three-ws/avatar/react';

<AgentAvatar src="/avatars/default.glb" />

import { AvatarCreator } from '@three-ws/avatar/react';

<AvatarCreator open={open} onExport={blob => ...} onClose={() => setOpen(false)} />

import { useAvatar } from '@three-ws/avatar/react';

const { avatar, loading, error } = useAvatar(id);