← Examples

Orb Layout TS Source

The Deepgram animated orb as a self-contained widget. Click to start — the orb inflates and reacts to voice. Click again to stop.

Code

import { init } from '@deepgram/agent-widget';

init({
  tokenFactory: () => fetch('/api/token').then(r => r.json()).then(d => d.token),
  agent: { /* ... */ },
  layout: 'orb',
  containerId: 'agent-orb',
});

Click the button to start a voice conversation